@charset "utf-8";
/* CSS Document */
html, body {
	height:100%;
	margin:0;
	font-size:13px;
	text-align:justify;
	background-color:#80B3B5;
	background: #386D78 url(/imgs/fond_site.jpg) repeat-x top;
	position:relative;
	}
body {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	color: #CCCCCC;
}

#global {
	position:absolute;
	width:1000px;
}
img{
	border:none;
}
iframe{
	border:0px;
	margin:0px;
	padding:0px;
}

a, input
{
	position: relative;
	z-index: 1;
}

/*-----MENU-------------------------------------------------------------------------*/
#menu{
	margin:0;
	padding:0;
	position:absolute;
	top:27px;
	left:70px;
}
ul#menu li{
	margin:0px 20px 0px 0px;
	list-style:none;
	float:left;
}
ul#menu li a {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
}
ul#menu li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#home{
	position:absolute;
	top:0px;
	left:830px;
	width:46px;
}
#flash{
	position:absolute;
	top:50px;
	left:0px;
}
/*-----MENU FIN-------------------------------------------------------------------------*/

/*-----ACCUEIL-------------------------------------------------------------------------*/
#accueil{
	background: url(/imgs/fond_accueil.jpg) no-repeat top;
	height:800px;
}

h1{
	margin:0;
	color:#FFFFFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:2px;
	text-align:left;
}


/*---titre-----------------------*/
#actu{
	position:absolute;
	top:267px;
	left:38px;
}
#inna{
	position:absolute;
	top:475px;
	left:38px;
}
#rss{
	position:absolute;
	top:475px;
	left:390px;
}
/*---titre fin-----------------------*/
#actu1{
	position:absolute;
	top:292px;
	left:37px;
}
#actu2{
	position:absolute;
	top:292px;
	left:360px;
}
#actu3{
	position:absolute;
	top:292px;
	left:682px;
}
#actu1 span, #actu2 span, #actu3 span{
display:none;
}
#accueil_bas{
	/*background: url(/imgs/fond_accueil_bas.png) no-repeat;*/
	margin-top:507px;
	width:1000px;
	height:auto;
	overflow:auto;
}
#accueil_texte{
	width:290px;
	margin-left:40px;
	height:auto;
}
p{
	margin:0;
}
/*---rss-----------------------*/
#article_rss{
	position:absolute;
	top:500px;
	left:408px;
	font-family:Arial, Helvetica, sans-serif;
	width:530px;
	overflow:auto;
}
#article_rss h1{
font-size:14px;
font-weight:bold;
letter-spacing:0px;
}
#article_rss span{
color:#000000;
font-size:9px;
}
#article_rss p{
border-bottom:#3CC5DF solid 1px;
margin-bottom:10px;
padding-bottom:5px;

}
#article_rss a{
font-size:8px;
letter-spacing:3px;
color: #000000;
text-decoration:none;
margin-left:20px;
}
/*---rss fin-----------------------*/

/*-----ACCUEIL FIN-------------------------------------------------------------------------*/

/*-----PIED-------------------------------------------------------------------------*/
#pied, #pied_hebergement, #pied_services, #pied_referencement, #pied_realisation, #pied_contact, #pied_accueil{
width:1000px;
height:90px;
background: url(/imgs/fond_pied.jpg) no-repeat;
}
#pied_hebergement{
position:absolute;
top:910px;
}
#pied_services{
position:absolute;
top:930px;
}
#pied_referencement{
position:absolute;
top:960px;
}
#pied_realisation{
position:absolute;
top:778px;
}
#pied_contact{
position:absolute;
top:790px;
}

#pied_accueil p, #pied_contact p, #pied,  #pied_hebergement p, #pied_services p, #pied_referencement p, #pied_realisation p, #pied_accueil p{
padding:13px 0px 0px 150px;
color:#CCCCCC;
}
#pied p a, #pied_accueil p a, #pied_contact p a, #pied_hebergement p a, #pied_services p a, #pied_referencement p a, #pied_realisation p a, #pied_accueil p a{
color:#CCCCCC;
}

/*-----PIED FIN-------------------------------------------------------------------------*/

/*-----SERVICES-------------------------------------------------------------------------*/
#fond_services{
background: url(/imgs/fond_services.jpg) no-repeat top;
height:944px;
}
#services{
position:absolute;
top:320px;
left:40px;
}
#rose, #bleu, #orange, #violet{
width:210px;
float:left;
margin:0px 0px 20px 20px;
font-family:Arial, Helvetica, sans-serif;
}
#services div h1{
color:#000000;
font-weight:normal;
font-size:16px;
margin:5px 0px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:4px;
}
#bleu h3,#rose h3, #orange h3, #violet h3{
background:url(/imgs/fond_encart.jpg) no-repeat top;
width:190px;
padding:10px 10px 7px 10px;
text-align:left;
margin:15px 0px 0px 0px;
}
#bleu h3{
border-bottom-color:#3CC5DF;
}
#rose h3{
border-bottom-color:#FF66F2;
}
#orange h3{
border-bottom-color:#FEB053;
}
#violet h3{
border-bottom-color:#C895E2;
}

#bleu h4, #rose h4, #orange h4, #violet h4{
font-size:18px;
margin:5px 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
letter-spacing:4px;
}
#bleu h4{
color:#3CC5DF;
}
#rose h4{
color:#FF66F2;
}
#orange h4{
color:#FEB053;
}
#violet h4{
color:#C895E2;
}
.gris{
color:#000000;
font-family:"Times New Roman", Times, serif;
font-size:13px;
}
#serv1{
position:absolute;
top:763px;
left:37px;
}
#serv2{
position:absolute;
top:763px;
left:360px;
}
#serv3{
position:absolute;
top:763px;
left:682px;
}
/*-----SERVICES FIN-------------------------------------------------------------------------*/



/*-----REALISATION-------------------------------------------------------------------------*/
#realisation{
background: url(/imgs/fond_realisation.jpg) no-repeat top;
height:800px;
}
#flashcontent{
position:absolute;
top:50px;
left:37px;
}
#info_ref{
position:absolute;
top:627px;
left:400px;
width:240px;
}
#info_ref a{
color:#000000;
}
#texte_ref{
width:260px;
position:absolute;
top:627px;
left:55px;
}
#temoin{
position:absolute;
top:627px;
left:715px;
width:240px;
}

/*-----------------------------------*/

#wrapper {
	position:absolute;
top:292px;
left:37px;
    width:950px;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 950px;
    margin: 0 auto;
    position: relative;
}

.scroll {
	overflow: hidden;
	width: 950px;
    margin: 0 auto;
    position: relative;
	height:310px;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 318px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(/realisation/images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(/realisation/images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
}

.inside img {
	display: block;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}

#wrapper  a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

#wrapper a:hover {
	border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}



/*-----REALISATION FIN-------------------------------------------------------------------------*/

/*-----INNAVSIO-------------------------------------------------------------------------*/
#innavisio{
background: url(/imgs/fond_innavisio.png) no-repeat top;
}
#texte_visio{
position:absolute;
top:340px;
left:80px;
width:510px;
}
#info_visio{
margin-top:640px;
color:#000000;

}
#info_visio div{
margin-left:80px;
color:#000000;
width:550px;
}
h2{
font-size:14px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:20px 0px 5px 0px;
}
#plaquette_visio{
position:absolute;
right:0px;
top:700px;
}
/*-----INNAVSIO FIN-------------------------------------------------------------------------*/

/*-----HEBERGEMENT-------------------------------------------------------------------------*/
#hebergement{
background: url(/imgs/fond_hebergement.jpg) no-repeat top;
height:910px;
}
#intro_hebergement{
position:absolute;
top:360px;
left:330px;
width:500px;
}
#intro_hebergement p{
color:#000000;
}
#texte_hebergement{
position:absolute;
top:470px;
left:80px;
}
#intro_hebergement h1 {
font-size:18px;
margin:15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
letter-spacing:3px;
color: #FF6600;
}
#intro_hebergement h2{
font-size:16px;
color: #000000;
text-align:left;
}
#texte_hebergement h2{
font-size:16px;
color: #ffffff;
text-align:left;
}
#texte_hebergement h3{
font-size:14px;
margin:15px 0px 5px 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
letter-spacing:3px;
color:#000000;
text-align:left;
}
#whois{
position:absolute;
top:730px;
left:65px;
background:none;}

/*-----HEBERGEMENT FIN-------------------------------------------------------------------------*/

/*-----REFERENCEMENT-------------------------------------------------------------------------*/
#referencement{
background: url(/imgs/fond_referencement.jpg) no-repeat top;
height:1200px;
}
#intro_referencement{
position:absolute;
top:348px;
left:330px;
width:570px;
}
#intro_referencement p{
color:#000000;
}

#intro_referencement h1 {
font-size:18px;
margin:15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
letter-spacing:3px;
color: #3CC5DF;
}
#intro_referencement h2{
font-size:16px;
color: #000000;
text-align:left;
}
#texte_referencement h2{
font-size:16px;
color: #ffffff;
text-align:left;
}
#texte_referencement{
position:absolute;
top:480px;
left:80px;
width:550px;
}
#texte_referencement h3{
font-size:14px;
margin:12px 0px 5px 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
letter-spacing:3px;
color:#000000;
text-align:left;
}

#ref1{
position:absolute;
top:455px;
left:682px;
}
#ref2{
position:absolute;
top:625px;
left:682px;
}
#ref3{
position:absolute;
top:796px;
left:682px;
}
/*-----REFERENCEMENT FIN-------------------------------------------------------------------------*/

/*-----CONTACT-------------------------------------------------------------------------*/
#contact{
background: url(/imgs/fond_contact.jpg) no-repeat top;
height:1200px;
}

#formulaire{
width:750px;
position:absolute;
top:300px;
left:138px;
}
#formulaire p{
margin: 2px 0;
}
#formulaire fieldset{
	margin-bottom: 10px;
}

#formulaire fieldset legend
{
	padding: 0 10px;
	font-size: 1.2em;
	font-size:20px;
	letter-spacing:1px;
	color:#3CC5DF;
}
#formulaire label{
	background-color:#cccccc;
	display: block;
	width:300px;
	float: left;
	padding-right:10px;
	text-align: right;
	letter-spacing: 1px;
	color:#000000;
}


#formulaire .form_label_nostyle{
	background: none;
}
#formulaire input, #formulaire select{
	margin-left:10px;
	width:390px;
}

#formulaire input[type="text"]:hover, #formulaire select[type="text"]:hover, #formulaire input[type="text"]:focus, #formulaire select[type="text"]:focus{
	background-color: #00CCCC;
}
#formulaire input[type="submit"]{
	width:150px;
}

#formulaire input[type="submit"]:hover{
	cursor: pointer;
}
#formulaire textarea {
width:690px;
}
/*-----CONTACT FIN-------------------------------------------------------------------------*/