/* CSS Document */

body 		{
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana;
	margin-top:25px;
	line-height: 16px;
	background-color: #2e73b8;
			} 			
			
.trait {
	border-top: 1px solid #000000;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}

.cadre {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
   .lien:link{color: #A1D7E9;letter-spacing: 1px;text-decoration: none;}
   .lien:visited{color: #A1D7E9;letter-spacing: 1px;text-decoration: none;}
   .lien:active{color: #A1D7E9;letter-spacing: 1px;text-decoration: none;}
   .lien:hover{color: #FF6600;letter-spacing: 1px;text-decoration: none;}
   
   .retour:link{color: #000000;text-decoration: none;}
   .retour:visited{color: #000000;text-decoration:  none;}
   
   .prod:link{color: #A1D7E9;text-decoration: underline;}
   .prod:visited{color: #A1D7E9;text-decoration: underline;}
   .prod:active{color: #ec7404;text-decoration: underline;}
   .prod:hover{color: #ec7404;text-decoration: underline;}
   
   .menu:link{color: #000000;letter-spacing: 0px;text-decoration: none;}
   .menu:visited{color: #000000;letter-spacing: 0px;text-decoration: none;}
   .menu:active{color: #000000;letter-spacing: 0px;text-decoration: none;}
   .menu:hover{color: #FF3300;letter-spacing: 0px;text-decoration: none;}

.petitstextes {
	font-family: Arial, Helvetica, Verdana;
	font-size: 10px;
	color: #000000;}
	
.petitstextes2 {
	font-family: Arial, Helvetica, Verdana;
	color: #A1D7E9;
	font-size: 10px;}
	
.titre {
	font-family: Arial, Helvetica, Verdana;
	color: #ec7404;
	font-size: 18px;}

.titre2 {
	font-family: Arial, Helvetica, Verdana;
	color: #000000;
	letter-spacing: 2px;
	font-size: 18px;}
	
.titre3 {
	font-family: Arial, Helvetica, Verdana;
	color: #A1D7E9;
	letter-spacing: 0px;
	font-size: 14px;}
	
.trait2{
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #003366;
	border-left: 0px none;}
		
.trait3{
	border-top: 0px none;
	border-right: 1px dotted #FFFFFF;
	border-bottom: 0px none;
	border-left: 0px none;}
	
.trait4{
	border-top: 1px solid #FFFFFF;
	border-right: 0px none;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0px none;}	
	
.coin{
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;}	
	
.traitleft{
	border-top: 0px none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px none;
	border-left: 0px none;}
		
	
.fond {
	background:  url(../graphic/fond.jpg);
}

.fond2 {
	background:  url(../graphic/fond2.jpg);
}

.fond3 {
	background:  url(../graphic/fond3.jpg);
}

.souligne {
text-decoration: none;}

.transp {
   background-color:#A1D7E9;
   color:#000000;
   position:absolute;
   width:185px;
   height:15px;
   /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
   filter:alpha(opacity=30);
   -moz-opacity:0.3;
   opacity: 0.3;
}

.module {

background-color: #2e73b8;
/* offset left, top, thickness, color with alpha */
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
/* IE */
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.gradient {
background-image: -moz-linear-gradient(top, #162247, #324c7a);
background-image: -webkit-gradient(linear, left top, left bottom, from(#162247), to(#324c7a));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#162247,endColorstr=#324c7a);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#162247,endColorstr=#324c7a)";
}