@charset "utf-8";
/* CSS Document */


body{ margin:0; padding:0px; text-align:left;  background: #000 url("img/bg6.jpg") top center no-repeat; align:center;}

/* textes et titre-------------------------------------------------------------------------------------------------- */

h1{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style:bold;
	font-style:italic;
	font-size:26px;
	color:#1a2b52;
	text-align:left;
	padding:0;
	margin:0;
	}
	
h2{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style:bold;
	font-style:italic;
	font-size:16px;
	color:#4391da;
	text-align:left;
	padding:0;
	margin:0;
	}
	

p{
	font-family:Trebuchet MS, Lucida Grande, Helvetica;
	font-size:12px;
	color:#98b6f6;
	text-align:justify;
	}
	
.bold{ font-weight:bold;}
.italic{ font-style:italic;}
.clear{ clear:both; }








/*LISTE*/
#contenu ul,#contenu ol{ margin:0px;padding:0;list-style: none; padding-left:0px; font-family:Trebuchet MS, Lucida Grande, Helvetica;font-size:12px;text-align:justify; }
#contenu ul li,#contenu  ol li{ background:transparent url("img/contenu/puce.gif") 0px 0px no-repeat; padding-left:0; line-height:14px; margin-bottom:0;}








#container{
width:100%;
padding:0px; 
margin:0 auto; 
text-align:left;
position:absolute top left; 

}






#top{ width:920px;height:32px; position:relative; margin:0 auto; padding:12px 10px 0 0; font-family:"Trebuchet MS"; font-size:12px; color:#4370d5; text-align:left; }

#top a{ font-family:"Trebuchet MS"; font-size:12px;color:#eceff1; text-decoration:none;text-align:left; border-bottom:1px dotted white;}
#top a:hover{ color:#FFF;}

#topRight{ width:250px; height:44px; float:right; margin:0; padding:0px; text-align:right; }





#header{ width:930px;height:78px; background:url("img/header/bg.jpg") top left no-repeat; position:relative; margin:0 auto; font-family:"Trebuchet MS"; font-size:14px; color:#c3d3f8; text-align:left; padding:0px; }

#header a img{ border:none; text-decoration:none;}

#headerLeft{ width:297px; height:69px; float:left; margin:0; padding:9px 0 0 13px; text-align:left; text-decoration:none;}
#headerRight{ width:600px; height:58px; float:right; margin:0; padding:0px; text-align:right; padding:10px;}













#flash2{ width:930px; height:182px; position:relative; margin:0 auto; padding:0; background:url("img/flash/banniere2.jpg") top left no-repeat; border-bottom:5px solid black; border-top:5px solid black; }

#flash3{ width:930px; height:182px; position:relative; margin:0 auto; padding:0; background:url("img/flash/banniere3.jpg") top left no-repeat; border-bottom:5px solid black; border-top:5px solid black; }

#flashService{ width:930px; height:182px; position:relative; margin:0 auto; padding:0; background:url("img/flash/banniere4.jpg") top left no-repeat; border-bottom:5px solid black; border-top:5px solid black; }

#gfx{ width:930px; height:254px; position:relative; margin:0 auto; padding:0; border-top:3px solid black; border-bottom:3px solid black; }













#contenu{ width:930px; position:relative; margin:0 auto; background:url(img/contenu/bg.gif) top left repeat-y; border-bottom:5px solid black; }

#contenuLeft{ width:235px; position:relative; margin:0 auto; float:left; padding:0; background:#1a2b52; }


#contenuRight{ width:655px; position:relative; margin:0 auto; float:right; padding:20px; background:url("img/contenu/bg_right.gif") top left repeat-x; }

#contenuRight img{ border:3px solid #a4acb1; text-align:left; float:left;  background:none; margin-right:5px;}

#contenuRight p{ 
	font-family:Trebuchet MS, Lucida Grande, Helvetica;;
	font-size:12px;
	color:#000;
	text-align:justify;
}

#contenuRight ul li{ 
	font-family:Trebuchet MS, Lucida Grande, Helvetica;
	font-size:12px;
	color:#3768d3;
	text-align:justify;
	list-style-type:decimal-leading-zero;
	margin:0 0 0 40px;
	font-weight:bold;
	}
	
#contenuRight ul li a{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3768d3; text-align:left; text-decoration:none; background:url("img/arrowstop4.gif") no-repeat 0px 2px; padding: 3px 0 3px 17px; margin:0px;}

#contenuRight a img{ background-image:none; margin-bottom:5px;}

#contenuRight a:hover{ font-weight:bold;}


#contenuLeftBas{ width:215px; margin:0 auto; float:left; padding:10px; float:left; clear:both; border-top:5px solid black;}

#contenuLeftBas h3{ font-family:Georgia,"Times New Roman",Times,serif; font-style:bold; font-style:italic; font-size:16px; color:#3768d3; text-align:left; margin:0 0 5px 0;}

#contenuLeftBas a{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-align:left; text-decoration:none; background:url("img/arrowstop3.gif") no-repeat 0px 6px; padding: 3px 0 3px 13px; margin:0px;}

#contenuLeftBas a:hover{ font-weight:bold;}





#footer{ 
	width:920px; height:164px; position:relative; margin:0 auto; padding:20px 0 0 10px;  background:url("img/footer/bg.jpg") top left no-repeat; font-family:"Trebuchet MS"; font-size:12px; color:#FFF;
}

#footer a{ 
	font-family:"Trebuchet MS"; font-size:12px; color:#FFF; text-decoration:none;}
	
#footer a:hover{ font-size:14px; font-weight:bold; color:#FFF;}


#copyright{ 
	width:910px; height:19px; margin:0 auto; padding:10px; background:url("img/footer/bg_copyright.gif")top left repeat-x; font-family:"Trebuchet MS"; font-size:12px; color:#000; text-align:right; border-bottom:5px solid black; 
	}

#f1{ width:220px; height:35px; float:left; margin:0 10px 0 0; padding:105px 0 0 0;  text-align:center; background:url("img/footer/f1.jpg") top left no-repeat;}

#f2{ width:220px; height:35px; float:left; margin:0 10px 0 0; padding:105px 0 0 0;  text-align:center; background:url("img/footer/f2.jpg") top left no-repeat;}

#f3{ width:220px; height:35px; float:left; margin:0 10px 0 0; padding:105px 0 0 0;  text-align:center; background:url("img/footer/f3.jpg") top left no-repeat;}

#f4{ width:220px; height:35px; float:left; margin:0 10px 0 0; padding:105px 0 0 0;  text-align:center; background:url("img/footer/f4.jpg") top left no-repeat;}











.urbangreymenu{
width: 235px;
color:#FFF;
}

.urbangreymenu .headerbar {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e7eaec;
background:url(img/contenu/degrade-Menu.gif) top left repeat-x;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 5px 0 5px 10px;  /*31px is left indentation of header text*/
margin:0;
border-bottom:1px solid #2358ce;
}

.headerbar2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e7eaec;
background:url(img/contenu/degrade-Menu.gif) top left repeat-x;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 5px 0 5px 10px;  /*31px is left indentation of header text*/
margin:0;
border-bottom:1px solid #2358ce;
}

.headerbar3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e7eaec;
background:url(img/contenu/degrade-Menu.gif) top left repeat-x;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 5px 0 5px 10px;  /*31px is left indentation of header text*/
margin:0;
border-bottom:1px solid #2358ce;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color:#e7eaec;
display: block;
margin:0;
padding-left:15px;
background:url(img/arrowstop6.gif) top left no-repeat;
}

.urbangreymenu .headerbar a:hover{
text-decoration: none;
color:#FFF;
display: block;
margin:0;
}



.headerbar2 a{
text-decoration: none;
color:#e7eaec;
display: block;
margin:0;
}

.headerbar2 a:hover{
text-decoration: none;
color:#FFF;
display: block;
margin:0;
}

.headerbar3 a{
text-decoration: none;
color:#e7eaec;
display: block;
margin:0;
}

.headerbar3 a:hover{
text-decoration: none;
color:#FFF;
display: block;
margin:0;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
margin:0;

}

.urbangreymenu ul li a{
font: normal 12px Arial;
color:#FFF;
display: block;
padding: 5px 0;
line-height: 20px;
padding-left: 25px; /*link text is indented 8px*/
text-decoration: none;
margin:0;
background: #1a2b52 url(img/arrowstop2.gif) no-repeat 8px 7px;
}

.urbangreymenu ul li a:visited{
color: #FFF;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
padding-left: 25px; /*link text is indented 8px*/
background: #0a4490 url(img/arrowstop2_hover.gif) no-repeat 8px 7px;
}




#connexion{
display:block;
height:120px;
width:653px;
border:1px solid #000;
background:url(img/bg_connexion.gif) top left no-repeat;
}


#connexion1{
display:block;
height:110px;
width:207px;
float:left;
padding:5px;

}

#connexion2{
display:block;
height:110px;
width:202px;
float:left;
padding:5px;
}

#connexion3{
display:block;
height:110px;
width:202px;
float:left;
padding:5px;
}



.nomUtilisateur{
margin:15px 0px 5px 15px;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.motdePasse{
margin-left:15px;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.btnConnexion{
display:block;
height:30px;
width:180px;
background:url(img/bg_connexion.gif) top left no-repeat;
margin:5px 0 0 15px;
padding:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
border:1px solid #EEE;
}

.btnConnexion:hover{
background-color:#333;
color:#FFF;
border:1px solid #EEE;
cursor:pointer;
}