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

.main{ border:0px solid #000000; width:1050px; height:auto; margin:auto;border-radius:3px;box-shadow:0px 2px 3px #1c1a19; background: #FFFFFF; height:auto;}
.logo{ border:0px solid #FF0000;width:15%; margin-left:10px;}
.date{ border:0px solid #FF0000;;width:75%; margin-left:240px;margin-top:-110px;position:relative; float: inherit; text-transform:uppercase; font-family: "Times New Roman", Times, serif; font-size:15px; letter-spacing:1px; color: #0000CC; font-weight:1000; padding:-10px; text-align:right;}
.header{background-color:#5EB6DD;z-index: 9999;position: relative;-webkit-box-shadow: 1px 0px 2px #000;}
.header2{ border:0px solid  #000000 }
.header2_1{border:0px solid #FF0000;width:6%; margin-left:10px;}
.header2_2{border:0px solid #FF0000;width:8%; margin-left:75px;margin-top:-20px;}
.header3{ border:1px solid #00000}
.nomecole{ border:0px solid #333333; height:75px; width:80%; float:right}
/*menu*/
.menu{border:1px solid  #000000}
#menu ul{ margin:0; padding:0; line-height:30px;}
#menu li{ list-style: none; float:left; position:relative; background-color: #CCCCCC}
#menu ul li a{ color:#000; text-decoration:none; width:148px; height:28px; display:block; text-align:center; border: 1px solid #000 }
#menu ul ul{ position:absolute;top:30px; visibility:hidden}
#menu ul li:hover ul{ visibility:visible}
#menu li:hover { background-color: #FFCC00}
#menu ul li ul a:hover { color:#FFF; background-color: #330066}
#menu ul ul li{top:0px}


.corps{border:0px solid  #000000;}
 .corps1{border:0px solid #FF0000;width:70%;margin-top:0px;margin-left:20px}
    .corps1_1{border:0px solid #000000;width:652px;height:530px;box-shadow:0px 2px 3px #1c1a19; border-radius:2px;;background-color: #FFFFFF}
	
    .corps1_2{border:0px solid #00000;margin-top:100px;}
    .corps1_2_1{border:0px solid  #000000;width:200px;height:200px;box-shadow:0px 2px 3px #1c1a19; border-radius:2px;background-color:#F7F7F0;margin-left:225px}
	.corps1_2_2{border:0px solid  #000000;width:200px;height:200px;box-shadow:0px 2px 3px #1c1a19; border-radius:2px;margin-left:440px;margin-top:-200px;background-color:#F7F7F0}
	.corps1_2_3{border:0px solid  #000000;width:200px;height:200px;box-shadow:0px 2px 3px #1c1a19; border-radius:2px;background-color:#F7F7F0;margin-left:10px;margin-top:-200px}
	
 .corps2{border:0px solid #FF0000;width:30%;margin-left:650px;margin-top:-890px;margin-right:30px; float:right;height:auto;}
    .corps2_1{border:0px solid #000000;height:520px;box-shadow:0px 2px 3px #1c1a19;border-radius:2px;background-color:#F7F7F0;width:95%; float:right;border-color:black; font-family: 'Trebuchet MS', Arial, sans-serif;text-align:justify;}
	.corps2_1 h4{ text-align:center}
	.corps2_2{border:0px solid #000000;height:428px;box-shadow:0px 2px 3px #1c1a19;border-radius:2px;background-color:#F7F7F0;width:100%; float:right;margin-top:20px}
	
	
/*reseaux sociaux*/
.corps2_1 ul li{display:inline-block;margin-left:-15px;margin-top:20px;}	  
.corps2_1 a:active{-webkit-transform:translate(0,3px);-moz-transform:translate(0,3px);transform:translate(0,3px);}
.corps2_1 a{position:relative;color:#ffffff;text-decoration:none;font-family:'Oswald';display:block;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:16px;padding:10px 15px 10px 60px;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}


a.twitter-big{-webkit-box-shadow:0px 6px 0px #2695BC;-moz-box-shadow:0px 6px 0px #2695BC;box-shadow:0px 6px 0px #2695BC; width:60px}
a.twitter-big{background:#2CA9E1;}
a.twitter-big:active{-webkit-box-shadow:0px 2px 0px #2695BC;-moz-box-shadow:0px 2px 0px #2695BC;box-shadow:0px 2px 0px #2695BC;}
a.twitter-big:before{background:url("../images/twitter.png") no-repeat center center;content:"";width:30px;height:30px;position:absolute;left:10px;top:18%;}

a.facebook-big{-webkit-box-shadow:0px 6px 0px #293F63;-moz-box-shadow:0px 6px 0px #293F63;box-shadow:0px 6px 0px #293F63;}
a.facebook-big{background:#3B5997;}
a.facebook-big:active{-webkit-box-shadow:0px 2px 0px #293F63;-moz-box-shadow:0px 2px 0px #293F63;box-shadow:0px 2px 0px #293F63;}
a.facebook-big:before{background:url("../images/facebook.png") no-repeat center center;content:"";width:25px;height:30px;position:absolute;left:10px;top:18%;}


	
.footer{border:0px solid  #000000; background-color:#5EB6DD}