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

.main{ border:0px solid #000000; width:1050px; height:auto; margin:auto;border-radius:3px; background: #FFFFFF;box-shadow:0px 2px 3px #1c1a19; border-radius:2px;}
.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:90%;height:450px;box-shadow:0px 2px 3px #1c1a19; border-radius:2px;background-color:#F7F7F0;font-family: 'Trebuchet MS', Arial, sans-serif;text-align: justify;}
	
    .corps1_2{border:0px solid #00000;margin-top:500px;}
    .corps1_2_1{border:0px solid  #000000;width:250px;height:auto; ;margin-left:-330px;margin-top:0px;font-family: 'Trebuchet MS', Arial, sans-serif;text-align: left;}
	.corps1_2_2{border:0px solid  #000000;width:250px;height:auto;margin-left:45px;margin-top:-250px;font-family: 'Trebuchet MS', Arial, sans-serif;text-align: left;}
	.corps1_2_3{border:0px solid  #000000;width:250px;height:auto;margin-left:-700px;margin-top:-270px;font-family: 'Trebuchet MS', Arial, sans-serif;text-align: left;}
	
 .corps2{border:0px solid #FF0000;width:26%;margin-left:650px;margin-top:-510px;margin-right:30px; float:right}
    .corps2_1{border:0px solid #000000;height:auto;width:100%; float:right;font-family: 'Trebuchet MS', Arial, sans-serif;text-align: justify;box-shadow:0px 2px 3px #1c1a19; border-radius:2px;background-color:#F7F7F0}
	.corps2_1 h4{ text-align:center}
	
.corps2_1 ul li{display:inline-block;margin-left:-20px;margin-top:20px;}

/*reseaux sociaux*/

.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:30px;height:30px;position:absolute;left:10px;top:18%;}



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