/* CSS Document */

*{font-family:Arial, Helvetica, sans-serif;font-size:11px;}
html,body{height:100%;}
body,form{margin:0;padding:0}
p{margin:0;padding:0;}

#document {
	top: 0px;
	width: 980px;
	position: relative;	
	left: 50%;
	margin-left: -490px;
	background-image: url(images/accueil_fond.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
}

#ecran {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0px;	
}


/*Gestion du menu principal*/
ul,li{padding:0 0 0 0px;margin:0;list-style:none;}
ul{margin:0px 0 0 0;}
li{
	float: right;
}
a.accueil{background-position: left top;background:url(images/vide.gif) no-repeat;display:block;width:390px;height:70px;text-indent:-3000px;}
a.accueil:hover{background-position: left top;background:url(images/vide.gif) no-repeat;}
a.accueil_current{background-position: left top;background:url(images/vide.gif) no-repeat;display:block;width:390px;height:70px;text-indent:-3000px;}
a.creation{background-position: left top;background:url(images/mnu_creation_off.jpg) no-repeat;display:block;width:79px;height:75px;text-indent:-3000px;}
a.creation:hover{background-position: left top;background:url(images/mnu_creation_on.jpg) no-repeat;}
a.creation_current{background-position: left top;background:url(images/mnu_creation_on.jpg) no-repeat;display:block;width:79px;height:75px;text-indent:-3000px;}
a.service{background-position: left top;background:url(images/mnu_service_off.jpg) no-repeat;display:block;width:69px;height:75px;text-indent:-3000px;}
a.service:hover{background-position: left top;background:url(images/mnu_service_on.jpg) no-repeat;}
a.service_current{background-position: left top;background:url(images/mnu_service_on.jpg) no-repeat;display:block;width:69px;height:75px;text-indent:-3000px;}
a.referencement{background-position: left top;background:url(images/mnu_referencement_off.jpg) no-repeat;display:block;width:120px;height:75px;text-indent:-3000px;}
a.referencement:hover{background-position: left top;background:url(images/mnu_referencement_on.jpg) no-repeat;}
a.referencement_current{background-position: left top;background:url(images/mnu_referencement_on.jpg) no-repeat;display:block;width:120px;height:75px;text-indent:-3000px;}
a.realisation{background-position: left top;background:url(images/mnu_realisation_off.jpg) no-repeat;display:block;width:97px;height:75px;text-indent:-3000px;}
a.realisation:hover{background-position: left top;background:url(images/mnu_realisation_on.jpg) no-repeat;}
a.realisation_current{background-position: left top;background:url(images/mnu_realisation_on.jpg) no-repeat;display:block;width:97px;height:75px;text-indent:-3000px;}
a.agence{background-position: left top;background:url(images/mnu_agence_off.jpg) no-repeat;display:block;width:84px;height:41px;text-indent:-3000px;}
a.agence:hover{background-position: left top;background:url(images/mnu_agence_on.jpg) no-repeat;}
a.agence_current{background-position: left top;background:url(images/mnu_agence_on.jpg) no-repeat;display:block;width:84px;height:41px;text-indent:-3000px;}
a.contact{background-position: left top;background:url(images/mnu_contact_off.jpg) no-repeat;display:block;width:121px;height:32px;text-indent:-3000px;}
a.contact:hover{background-position: left top;background:url(images/mnu_contact_on.jpg) no-repeat;}
a.contact_current{background-position: left top;background:url(images/mnu_contact_on.jpg) no-repeat;display:block;width:121px;height:32px;text-indent:-3000px;}


a.accueil_a{background-position: left top;background:url(images/vide.gif) no-repeat;display:block;width:390px;height:70px;text-indent:-3000px;}
a.accueil_a:hover{background-position: left top;background:url(images/vide.gif) no-repeat;}

a.creation_a{background-position: left top;background:url(images/mnu_a_creation_off.png) no-repeat;display:block;width:78px;height:75px;text-indent:-3000px;}
a.creation_a:hover{background-position: left top;background:url(images/mnu_a_creation_on.png) no-repeat;}

a.service_a{background-position: left top;background:url(images/mnu_a_service_off.png) no-repeat;display:block;width:70px;height:75px;text-indent:-3000px;}
a.service_a:hover{background-position: left top;background:url(images/mnu_a_service_on.png) no-repeat;}

a.referencement_a{background-position: left top;background:url(images/mnu_a_referencement_off.png) no-repeat;display:block;width:121px;height:75px;text-indent:-3000px;}
a.referencement_a:hover{background-position: left top;background:url(images/mnu_a_referencement_on.png) no-repeat;}

a.realisation_a{background-position: left top;background:url(images/mnu_a_realisation_off.png) no-repeat;display:block;width:96px;height:75px;text-indent:-3000px;}
a.realisation_a:hover{background-position: left top;background:url(images/mnu_a_realisation_on.png) no-repeat;}

a.agence_a{background-position: left top;background:url(images/mnu_a_agence_off.png) no-repeat;display:block;width:83px;height:75px;text-indent:-3000px;}
a.agence_a:hover{background-position: left top;background:url(images/mnu_a_agence_on.png) no-repeat;}

a.contact_a{background-position: left top;background:url(images/mnu_a_contact_off.png) no-repeat;display:block;width:78px;height:75px;text-indent:-3000px;}
a.contact_a:hover{background-position: left top;background:url(images/mnu_a_contact_on.png) no-repeat;}


#ecran #document {
	background-color: #FFFFFF;

}

#ecran #document #menu {
	left: 0px;
	top: 58px;
	position: absolute;
	height: auto;
	width: 100%;
}
#ecran #document #rabat {
	left: 0px;
	top: 58px;
	position: absolute;
	height: 158px;
	width: 980px;
	background-image: url(images/rabas_bandeau_interieure.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#ecran #document #header {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: auto;
	margin:0px;
	padding:0px;
	left: 0px;
	background-color: #FFFFFF;
}

#ecran #document #contenu {
	height: auto;
	
	width: 100%;
	background-image: url(images/fbd.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	visibility: visible;
}
#ecran #document #footer {
	height: 16px;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	text-align: right;
	padding-top:10px;
	width: 980px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
}

#titre_page {
	text-indent:-3000px;
	background-repeat: no-repeat;
	background-position: right top;
	height: 80px;
	width: 420px;
	position: absolute;
	top: -80px;
	left: 550px;
	
}

#colsuite1 {
	width: 300px;
	height:auto;
	padding: 0px;
	float: left;
	}



#colsuite2 {
	background-image: url(images/sep_point_ve.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 670px;
	height:auto;
	padding-left: 10px;
	float: left;
	left: 300px;
	text-align: left;
}

#colaccueil1 {

	width: 430px;
	height:auto;
	padding: 0px;
	float: left;
	margin-left: 20px;
}

#colaccueil2 {
	background-image: url(images/sep_point_ve.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 530px;
	height:auto;
	padding: 0px;
	float: left;
	left: 300px;
}

#cocci {
	margin:auto;
	float:left;
	background-image: url(images/cocci.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 14px;
	height:25px;
	padding: 0px;
	left: 288px;
	top: -380px;
	position: relative;
}

#encard {
	background-image: url(images/fond_encart.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 220px;
	width: 220px;
	padding: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 18px;
	font-weight: lighter;
}
.orange {
color:#EC5020;
}
.gris {
color:#555555;
}
.grisclair {
color:#AAAAAA;
}
.rouge {
color:#DF3830;
}
.vert {
	color:#8BA400;
}
.bleu {
color:#243579;
}
.taille0{
font-size:8px;
}
.taille1{
font-size:10px;
}
.taille2{
font-size:12px;
}
.taille3{
font-size:14px;
}