/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#ffffff;
display:block;
}
span {
margin: 0px;
paddding: 0px;
}
p {
margin: 0px;
paddding: 0px;
}
input{
margin: 0px;
paddding: 0px;
}


#global{
	position:absolute;
	top:0px;
	left:50%;
	width:980px;
	height:100%;
	margin-left:-490px;
}
#global h1{
display:none;
}

#header {
	position:absolute;
	height: 88px;
	width:980px;
	top: 0px;
	padding: 0px;
	left: 0px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
}

#fondHeader{
	position:absolute;
	height: 88px;
	width:249px;
	top: 0px;
	padding: 0px;
	left: 575px;
	background-image:url(../images/bck_header_cata.jpg);
	background-repeat:no-repeat;
}
#footer h2{	
display:none;
}

#img_footer{display:block; width:960px; height:82px; background-image:url(../images/background_footer_img.jpg); background-repeat:no-repeat; position:absolute; top:0px;	left:50%; margin-left:-430px; padding:4px}
#img_footer span{color:#666666; font-size:11px; float:left; }
#img_footer h2{display:none; }

#lien_footer{display:block; width:400px; height:23px; margin-left:550px;}
#lien_footer ul{list-style:none;margin:0px;	padding:0px;}
#lien_footer ul li{float:left; margin-right:15px}
#lien_footer ul li a{color:#666666; text-decoration:none}
#lien_footer ul li a:hover{color:#666666; text-decoration:underline}


#header h1 a{
	display:none;
	height:100px;
	width:100px;
	position:absolute;
	left:50%;
	margin-left:-445px;
	margin-top:7px;
}
#header h1 span{
	display:none;
}

#baseline{ font:Arial, Helvetica, sans-serif; margin-top:25px; margin-left:270px; height:60px;}
.topBaseline{font-size:14px; color:#FF9900; font-weight:bold;}
.bottomBaseline{font-size:12px; color:#0178B5; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif}


#bandeau{
position:absolute;
top:88px;
left:0px;
height:180px;
width:980px;
background-image:url(../images/bandeau.jpg)
}

#bandeau_internet{
position:absolute;
top:88px;
left:0px;
height:180px;
width:980px;
background-image:url(../images/bandeau_internet.jpg)
}

#bandeau_formation{
position:absolute;
top:88px;
left:0px;
height:180px;
width:980px;
background-image:url(../images/bandeau_formation.jpg)
}

#bandeau_catalogue{
position:absolute;
top:88px;
left:0px;
height:180px;
width:980px;
background-image:url(../images/bandeau_catalogue.jpg)
}


#bandeau h1 a{
	display:none;
	height:100px;
	width:775px;
	position:absolute;
	left:50%;
	margin-left:-445px;
	margin-top:0px;
}
#bandeau h1 span{
	display:none;
}

#corps{
position:absolute;
top:268px;
left:-1px;
width:980px;
}

/*     ------------------------Bloc Menu GAUCHE --------------------------        */
#corpsBlocGauche {
	width:207px;
	display:block;
	position:absolute;
	background-image:url(../images/background-menu.jpg);
	background-repeat:no-repeat;
	left: 1px;


}
#corpsBlocGauche ul{
height:100%;
padding-left:0px;
list-style:none;
margin-left:10px;
margin-top:10px;

}
#corpsBlocGauche ul li{
display:block;
}

/*     ------------------------Gestion du survol pour diférentes couleurs --------------------------        */

#Rubrique1{height:100%; padding-bottom:0px; padding-top:2px; padding-left:31px; display:block; width:175px}
#Rubrique1 a {font-family:"Century Gothic"; font-size: 12px; color: #999999; font-weight:bold; text-align:left; text-decoration:none; width:175px; display:block; height:25px}
#Rubrique1 a:hover{font-family:"Century Gothic"; font-size: 12px; color: #0077B4; font-weight:bold; text-align:center; text-decoration:none; background-image:url(../images/background_accueil_sur.gif); background-repeat:no-repeat; margin-left:-18px}

#Rubrique2{height:100%; padding-bottom:0px; padding-top:2px; padding-left:31px; display:block; width:175px}
#Rubrique2 a {font-family:"Century Gothic"; font-size: 12px; color: #999999; font-weight:bold; text-align:left; text-decoration:none; width:175px; display:block; height:25px}
#Rubrique2 a:hover{font-family:"Century Gothic"; font-size: 12px; color: #F78F1C; font-weight:bold; text-align:center; text-decoration:none; background-image:url(../images/background_internet_sur.gif); background-repeat:no-repeat; margin-left:-18px}

#Rubrique3{height:100%; padding-bottom:0px; padding-top:2px; padding-left:31px; display:block; width:175px}
#Rubrique3 a {font-family:"Century Gothic"; font-size: 12px; color: #999999; font-weight:bold; text-align:left; text-decoration:none; width:175px; display:block; height:25px}
#Rubrique3 a:hover{font-family:"Century Gothic"; font-size: 12px; color: #D63E26; font-weight:bold; text-align:center; text-decoration:none; background-image:url(../images/background_formation_sur.gif); background-repeat:no-repeat; margin-left:-18px}

#Rubrique4{height:100%; padding-bottom:0px; padding-top:2px; padding-left:31px; display:block; width:175px}
#Rubrique4 a {font-family:"Century Gothic"; font-size: 12px; color: #999999; font-weight:bold; text-align:left; text-decoration:none; width:175px; display:block; height:25px}
#Rubrique4 a:hover{font-family:"Century Gothic"; font-size: 12px; color: #8FC402; font-weight:bold; text-align:center; text-decoration:none; background-image:url(../images/background_catalogue_sur.gif); background-repeat:no-repeat; margin-left:-18px}

#Rubrique5{height:100%; padding-bottom:0px; padding-top:2px; padding-left:31px; display:block; width:175px}
#Rubrique5 a {font-family:"Century Gothic"; font-size: 12px; color: #999999; font-weight:bold; text-align:left; text-decoration:none; width:175px; display:block; height:25px}
#Rubrique5 a:hover{font-family:"Century Gothic"; font-size: 12px; color: #FF9900; font-weight:bold; text-align:center; text-decoration:none; background-image:url(../images/background_internet_sur.gif); background-repeat:no-repeat; margin-left:-18px}

/*     ------------------------ FIN Gestion du survol pour diférentes couleurs --------------------------        */

#blocssRubrique1{paddin-top:-40px; display:block; margin-bottom:20px; margin-left:-7px }
#blocssRubrique1 li a{font-family:"Century Gothic"; font-size: 11px; color: #0077B4; font-weight:bold; text-align:left; text-decoration:none; width:175px; display:block; height:25px; margin-left:5px;}
#blocssRubrique1 li a:hover{font-family:"Century Gothic"; font-size: 11px; color: #0077B4; font-weight:bold; text-align:left; text-decoration:underline; margin-left:-18px; display:block; background-image:none; margin-left:5px;}

#blocssRubrique2{paddin-top:-40px; display:block; margin-bottom:20px; margin-left:-7px}
#blocssRubrique2 li a{font-family:"Century Gothic"; font-size: 11px; color: #F78F1C; font-weight:bold; text-align:left; text-decoration:none; width:175px; display:block; height:25px; margin-left:5px;}
#blocssRubrique2 li a:hover{font-family:"Century Gothic"; font-size: 11px; color: #F78F1C; font-weight:bold; text-align:left; text-decoration:underline; margin-left:-18px; display:block; background-image:none; margin-left:5px;}

#blocssRubrique3{paddin-top:-40px; display:block; margin-bottom:20px; margin-left:-7px}
#blocssRubrique3 li a{font-family:"Century Gothic"; font-size: 11px; color: #D63E26; font-weight:bold; text-align:left; text-decoration:none; width:175px; display:block; height:25px; margin-left:5px;}
#blocssRubrique3 li a:hover{font-family:"Century Gothic"; font-size: 11px; color: #D63E26; font-weight:bold; text-align:left; text-decoration:underline; margin-left:-18px; display:block; background-image:none; margin-left:5px;}

#blocssRubrique4{paddin-top:-40px; display:block; margin-bottom:20px; margin-left:-7px}
#blocssRubrique4 li a{font-family:"Century Gothic"; font-size: 11px; color: #8FC402; font-weight:bold; text-align:left; text-decoration:none; width:175px; display:block; height:25px; margin-left:5px;}
#blocssRubrique4 li a:hover{font-family:"Century Gothic"; font-size: 11px; color: #8FC402; font-weight:bold; text-align:left; text-decoration:underline; margin-left:-18px; display:block; background-image:none; margin-left:5px;}

#blocssRubrique5{paddin-top:-40px; display:block; margin-bottom:20px; margin-left:-7px}
#blocssRubrique5 li a{font-family:"Century Gothic"; font-size: 11px; color: #FF9900; font-weight:bold; text-align:left; text-decoration:none; width:175px; display:block; height:25px; margin-left:5px;}
#blocssRubrique5 li a:hover{font-family:"Century Gothic"; font-size: 11px; color: #FF9900; font-weight:bold; text-align:left; text-decoration:underline; margin-left:-18px; display:block; background-image:none; margin-left:5px;}

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


/*     ------------------------Bloc Menu HAUT --------------------------        */

#corpsBlocDroit {
	position:absolute;
	width:771px;
	display:block;
	left: 210px;
	top: 3px;

}

#menuHaut{
margin-left:666px;
margin-top: 158px;
height:20px;
width:293px;
}

#menuHaut ul {
	list-style:none;
	margin:0px;
	padding:0px;

}
#menuHaut ul li{
	float:left;
	display:block;
	margin-top:0px;
	width:70px;
	margin-right:25px;
	margin-left:0px;


}
#menuHaut ul li a {
	font-family:"Century Gothic"; font-size:12px; color:#0178B5;  font-weight:normal; text-align:left; text-decoration:none;
}
#menuHaut ul li a:hover {
	font-family:"Century Gothic"; font-size:12px; color:#003399;  font-weight:normal; text-align:left; text-decoration:none;
}

#contact{font-weight:bold;color: #EA661E;}



#arbo{
margin-top:10px;
height:15px;
display:block;
color:#666666;
padding:5px;
margin-left:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


#conteneur{
margin-top:25px;
display:block;

}



/*      ------Zone recherche--------    */
#news_search{float:left;}

#recherche{
width:170px;
height:50px;
margin-left:30px;
margin-top:0px;
display:block;
}
#texteRecherche a{font-family:"Century Gothic"; font-size:12px; color:#ffffff;  font-weight:bold; text-align:left; text-decoration:none;}

#champRecherche{
margin-left:6px;
margin-top:7px;
float:left;
}
#btn {
margin-left:10px;
margin-top:10px;
float:left;
}


#newsletter{
width:170px;
height:50px;
margin-left:30px;
margin-top:48px;
display:block;

}
#texteNewsletter a{font-family:"Century Gothic"; font-size:12px; color:#ffffff;  font-weight:bold; text-align:left; text-decoration:none;}
#champNewsletter{
margin-top:7px;
margin-left:6px;
float:left;
}
#btn2 {
margin-top:10px;
margin-left:10px;
float:left;
}