

a{
	color: #27D;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: none;
}





 .lien:link {color::#6b9eff; text-decoration:none;font-size:14px;}
     .lien:active{color:#6b9eff; font-size:14px;}
	   .lien:visited{color:#6b9eff;text-decoration:none;font-size:14px;}
   .lien:hover{color:#ffffff; font-size:14px;text-decoration:none; }
   
   
   


a img {
  border: none;
}




a.titreheader {
background-image:url(images/header_titre.png);
position:absolute; height:77px;
 background-repeat:no-repeat;
top: 10px;
margin-left:60px; 
width:401px;
display:block

 
}




 
 .header {
 
 position:relative;

 background-image:url(images/header.jpg);
 background-repeat:no-repeat;
 width:1100px;
 height:100px;
margin-top:-16px;
 z-index:1;
 margin-bottom:60px;
 
background-color: #cccccc;
/* 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='black');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
border-radius:24px 24px 0px 0px;
margin-top:1px;
}
 
.headertitre {

background-image:url(images/header_titre.png);
position:relative; height:140px;
 background-repeat:no-repeat;

top: 10px;
left:60px; 
width:426px;
 
}









 .fond {
  width:1100px;
height:730px;
background-color: #252525;
   margin-right:auto;
   margin-left:auto;
   text-align:center;
   position:fixe;
 margin-top:-60px;
 

/* 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='black');
/* slightly different syntax for IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
 
  
   }
   
   
   
    .fondexpo{
width:1100px;
height:930px;
background-color:#252525;
   margin-right:auto;
   margin-left:auto;
   text-align:center;
   position:fixe;
 margin-top:-60px;
 

/* 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='black');
/* slightly different syntax for IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
 
     }

	 
.fondmaxgal	

{
background-color:#131313;
  width:1100px;
  position:relative;
height:1620px;
 
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:-140px;

/* 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='black');
/* slightly different syntax for IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
}
 
 
 .fondmaxgalerie	

{
background-color:#131313;
  width:1100px;
  position:relative;
height:1400px;
 
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:1px;

/* 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='black');
/* slightly different syntax for IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
}
 
   
   
.fondgalery
{
background-color:#131313;
  width:1100px;
height:1400px;
position:relative;
	
margin-left:auto;
margin-right:auto;
text-align:center;



}


	.es-carousel ul{
					display:block;
				}
   
      
    .fondcontact{
  width:1100px;
height:730px;
background-color:#252525;
   margin-right:auto;
   margin-left:auto;
   text-align:center;
   position:fixe;
 margin-top:-60px;
 
 

/* 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='black');
/* slightly different syntax for IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
     }

   
   
   
       .fondpresentation {
  width:1100px;
height:730px;
background-color:#252525;
   margin-right:auto;
   margin-left:auto;
   text-align:center;
    position:fixe;
 margin-top:-60px;

/* 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='black');
/* slightly different syntax for IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
     }

   
   
   
   

div#container {
	padding: 0px 20px 0px 20px;
	position:relative;
margin-left:auto;
	margin-right:auto;
	text-align: left;
	width: 959px;
	height:980px;
	
}
	



.encart {
position:absolute;
margin-right:900px;
top:140px;
overflow :visible;
width:300px;
height:60px;
background-color: #8e1313;


 } 
 
.menu{ position:relative;text-align:right;margin-right:20px; width:1100px;
 overflow :visible;
 top:20px;
 z-index:1;

}
 
 #navigation {list-style: none; }



#navigation li {
display: inline;
margin-right:20px;
font-size: 12px;
}
#navigation a {
text-decoration: none;
padding: 0px;

color:white;
font-weight:bold;
}
#navigation a:hover {
color:#33CCFF;
}
 
#navigation  #en_cours a {
 color: #adeaff;
}
 
 
 
 

.pied {position:relative;
 margin-left:auto;margin-right:auto;text-align:center;top:width:900px; height:35px;color:#c2c2c2;font-style:italic;font-size:12px;
margin-top:160px;	
}

.piedGalerie { 
 margin-left:auto;margin-right:auto;margin-top:4px;text-align:center;width:900px;color:#660000;font-style:italic;font-size:12px;

}

	
	
	
.piedexpo {position:relative;
 margin-left:auto;margin-right:auto;text-align:center;width:900px; height:35px;color:#c2c2c2;font-style:italic;font-size:12px;
top:60px;
}


	
.Piedcontact{position:relative;
 margin-left:auto;margin-right:auto;text-align:center;width:900px; height:35px;color:#c2c2c2;font-style:italic;font-size:12px;
top:300px;
}


.bas{position:relative;
 margin-left:auto;margin-right:auto;text-align:center;width:900px; height:35px;color:#c2c2c2;font-style:italic;font-size:12px;
padding-top:2px;
}






.icone { 
position:absolute;
margin-top:-20px;
background-color: #cccccc;
/* 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='black');
/* slightly different syntax for IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
}



.ombrage{ 
width:440px;

background-color: #cccccc;
/* 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='black');
/* slightly different syntax for IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
border-radius:12px;
}






.ombrexpo{ 
width:800px;
margin-left:70px;


background-color: #cccccc;
/* 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='black');
/* slightly different syntax for IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
border-radius:12px;
}





.ombrexpo2{ 
width:884px;
margin-left:26px;
background-color: #cccccc;
/* 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='black');
/* slightly different syntax for IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
border-radius:12px;
}




.ombrecontact{ 
width:800px;
margin-left:70px;
background-color: #cccccc;
/* 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='black');
/* slightly different syntax for IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
border-radius:12px;
}





.text { 
padding: 0px 0px 0px 10px;text-align:justify;
color:#ffffff;
}
 
 
 
 .text2 { 
padding: 0px 12px 0px 12px;text-align:justify;
 font-size:12px;
  color:#CCCCCC;
}
 
 
 
 
  .text3 { 
padding: 0px 10px 0px 10px;text-align:justify;
 font-size:12px;
  color: #94a9d5;
}



 .titre {
 font-size:20px;
 color:#c2c2c2;
 }
 
 
  .titre2 {
 font-size:16px;
 color:#c2c2c2;
 font-style:italic;
 }
 
   .titre3 {
 font-size:20px;
 color:#94a9d5;
 font-weight:bold;

 }
 
 
 
 
 
 
  .ombre {
background-color: #cccccc;
/* 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='black');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black')";
}




 

.shadowMB {
	margin: 3em;
	width: 300px;
	height: 60px;
	background-color: #474747;
	font-size:11px;
	text-align:center;
	color:#ffffff;


}







.box_gradient {
  background-color: #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #444444, #999999); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #444444, #999999); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #444444, #999999); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #444444, #999999); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}










#entete {

text-align:center;
}

.colonnegauche
{
float:left;
height:624px;
width:500px;
padding-left:-20px;
margin-top:0px;




}


.colonnedroite
{
position:relative;
height:624px;
margin-left:600px;
width:440px;
padding-right:12px;



}



#gauche {
float:left;
width:240px;

padding-left:20px;
margin-top:0px;
}


#droit {
position:absolute;



top:44px;
}





#droitcentre {
position:absolute;

top:220px;
padding:12px;
text-align:justify;
 font-size:12px;
  color:#f7f7f7;
}



#gaucheB {
position:absolute;
width:240px;

padding-left:20px;
top:510px;
}


#droitB {
position:absolute;



top:460px;
}


.bloc

{

height:400px;
width:780px;
float:left;
margin-right:10px;
margin-left:10px;
}


.bloc1
{

height:400px;
width:300px;
float:left;
margin-right:20px;
}




.bloc2
{

height:400px;
width:400px;
float:right;
margin-right:30px;
}



.blocAB

{
float:left;

height:400px;
width:960px;
margin-right:20px;
margin-left:20px;
margin-top:60px;
position:fixe;

}

.blocA
{
float:left;
height:400px;
width:500px;
position:fixe;
}


.blocB
{

height:400px;
width:400px;
position:fixe;
margin-left:40px;

float:left;
}


.liartiste
{
list-style: none;

}



.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box {
	width:300px;
	height:60px;
	background:#494949;
	margin:40px auto;
	color:#ffffff;
}


.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #f7f7f7;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}
