*{
margin: 0px;
padding: 0px;
}
body {
width: 1024px;
margin:0 auto;
border: 1px solid #00529C;
}

#container{
width:1024px;
margin:0 auto;
}
table.logobar {
width: 1024px;
background-color: #ff8c00;
}
table.form_contact {
padding: 10px 0 10px 0;
}
marquee {
color: white;
}
body{
font-family:'Trebuchet MS', Arial, Sans-serif;
color:#181818;
background:url(images/fond_jaune.png);
}
section h2,h3,h4, footer h1, nav a{
font-family: Dayrom, serif;
font-weight: normal;
/*text-transform: uppercase;*/
}
#superHeader{
height: 60px;
background: #004389;
}
#logoPigier{
display: inline;
position: relative;
float: left;
}
#logoBenin a:hover{

}
#logoPigier{
margin-top: 5px;
margin-left: 10px;
}
#logoBenin{
position: relative;
float: left;
margin-top: 0px;
margin-left: 0px;
z-index: 1;
left: 140px;
top: -70px;
}
#superHeader_title {
display: inline-block;
vertical-align: top;
/*margin-top: 20px;*/
}
#superHeader_title a{
font-size: 18px;
text-decoration: none;
color: rgba(255,255,255,0.7);
margin-left: 295px;
}
#superHeader_title a:hover{
text-decoration: overline;
color: rgba(255,255,255,0.95);
color: #FFF;
}
#slider{
vertical-align: top;
/*margin-top: -19px;*/
}
#barMaron{
display: block;
/*margin-top: -5px;*/
}
#p1{
text-align: center;
}
#p2{
text-align: center;
}
#p1, #p2{
font-size: 1.2em;
padding: 2px;
color: #025098;
font-weight: bold;
}
#barMaron2{
display: block;
height: 2.2px;
width: 1024px;
margin-top: 0px;
}
.pigierBenin2{
display: block;
/*margin-top: -60px;*/
margin-right:0px;
}
#planDuSIte {
display: inline-block;
margin-left: -64px;
margin-right: 25px;
}
.pigierBenin2 a{
text-decoration: none;
color: #003c82;
font-weight: bold;
}
.pigierBenin2 a:hover{
text-decoration: underline;
}
.pigierBenin2 ,#nav{
display: inline-block;
}

#navMiddle{
position: relative;
z-index: 10;
width: 1024px;
display: inline-block;
border-top: 1px solid #A19FA0;
border-bottom: 2px solid #A19FA0;
background: #fff;
/*width: 750px;*/
}
#navMiddle ul {
list-style-type: none;
margin-left: 0px;
}
#navMiddle ul li{
display: inline-block;
vertical-align: top;
/*margin-top: -19px;
margin-left: 60px;*/
}
#navMiddle ul li a{
font-size:0.9em;
/* color: #003c82; */
font-family: sans-serif;
/*font-weight: bold;*/
text-decoration: none;
}

#navMiddle ul ul li a{
font-size: 14px;
}

#barreVerticale{
display: inline-block;
vertical-align: top;
width: 3px;
height: 250px;
background-color: #9f9f9f;
margin-top: -262px;
margin-left: 140px;
}
article{
display: inline-block;
width: 820px;
vertical-align: top;
margin-left: 170px;
margin-top: -270px;
color: #034383;
font-family: verdana, sans-serif;
text-align: justify;
}
#reseauSociaux li{
display: inline-block;
margin-left: 40px;
}
#reseauSociaux {
margin-left:10px;
margin-bottom: 15px;
}
footer{
display: block;
width: 990px;
background-color: #00529c;
padding: 5px;
padding-bottom: 15px;
}
.footerNav {
display: inline-block;
margin-top: 10px;
vertical-align: top;
width: 180px;
margin-left: 10px;
text-align: left;
font-size: 0.82em;
}
.footerNav li{
list-style-type: none
}
.footerNav a{
text-transform: none;
color : #2F8;
/*color: rgba(255,255,255,0.5);*/
text-decoration: none;
}
.footerNav a:hover{
color: rgba(255,255,255,1);
}
h4{
font-size: 0.9em;
color: rgba(255,255,255,0.9);

}
.traitVertical{
display: block;
width: 150px;
height: 2px;
margin: 5px 0px;
margin-bottom: 10px;
background-color: #e78814;
}
#traitVertical0{
background-color: #00529c;
}
#traitVertical2{
background-color: #eb1987;
}
#traitVertical3{
background-color: #2f84d5;
}
#traitVertical4{
background-color: #2f8;
}
#traitVertical5{
background-color: #fcc;
}


#a2 {
background-color: #F26533;
background-image: url

('img/actu1.jpg');

font-weight: bold;
font-size: 20px;
color: #FFF;
text-decoration: none;
padding: 5px;
margin: 0 10px 0 10px;
float: right;
}

#a2:visited {
color: #FFF;
text-decoration: none;
}

#a2:hover {
background: #FFF;
text-decoration: none;
color: #F26533;
background-image: url

('img/actu2.jpg');
border: 1px solid #F26533;
margin: 0 10px 0 10px;
}

/**bxslider**/

#superH2 {
color: #FFF;
font-size: 24px;
text-align: left;
}

.textSlider {
background: #CE0371;
color: #FFF;
}


.SuperHeaderTD {
margin-right: 0px;
}


/*menu deroulant*/

#menu{
background-color : #3F98DC;
height : 20px;
margin : 0px;
padding : 0px 0px 10px 120px;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #000000;
}

/********************/
/*


Le style css du menu déroulant

*/
/*
LEVEL ONE
*/
ul.dropdown{
position: relative;
}
ul.dropdown li{
font-weight: bold;
float: left;
zoom: 1;

/* background: #ccc; */
}

ul.dropdown li a{
display: block;
padding: 4px 4px 4px 4px;
/*height : 20px;*/
border-right: 3px solid #fff;
color: #004389;
}

ul.dropdown li:hover {
color: #FFF !important;
/*text-decoration: underline;*/
}

ul.dropdown li a:hover{
color: #FFF !important;
}

ul.dropdown li:hover{
/*color: #FFF;*/
}

ul.dropdown li:last-child a{
border-right: none;
/* color: #FFF; */
} /* ne marche pas sous IE */
ul.dropdown li:link ,ul.dropdown 

li.hover, ul.dropdown li:hover{
background: #004389;
position: relative;
}
ul.dropdown li:hover .menu{
color: #FFF;
}

/*
LEVEL TWO
*/
ul.dropdown ul{
width: 230px;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
}
ul.dropdown ul li{
font-weight: normal;
background-color: #F5ECC3;
border-bottom: 1px solid #ccc;
float: none;
}

ul.dropdown ul li.hover, ul.dropdown 

ul li:hover
{
background: #195BA7;
}

/* IE 6 & 7 Inline Block */
ul.dropdown ul li a{
border-right: none;
width: 300px;
display: inline-block;
}
ul.dropdown ul li a:hover{
/*color : #FFF;*/
}
/*
LEVEL THREE
*/

ul.dropdown ul ul{
left: 100%;
top: 0;
}
ul.dropdown li:hover > ul {
visibility: visible;
}

/*fin menu deroulant*/

/*xMag*/
header #topHeader{
	width: 1000px;
	margin: 0 auto;
}

header #topHeader nav{
	float: left;
	width:605px;
	/*text-align: center;*/
	margin-bottom: 0px;

}
header #topHeader nav ul{
	list-style: none;
}
header #topHeader nav a {
	float: left;
	font-family: verdana, Arial,sans-serif;
	font-size: 1em;
	width: auto;
	height: auto;
	padding:8px;
	text-align: center;
	color: #EEE;
	background: #444;
	text-decoration: none;
	background: #119ddf;
    border-radius: 6px;
	text-shadow: 0px 1px 0px white;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0);
	margin-right: 10px;
}
header #topHeader nav ul li a:first-child{
	margin-left: 0px;
}
header #topHeader nav a:hover{
     color:#fff;
     /*background: #555;*/
     /*background: linear-gradient(rgba(255, 117, 0, 0.8),rgba(157, 73, 1, 0.8));*/
     background: rgba(255, 117, 0, 0.8);
      
}
header #topHeader nav a:active{
      color:#fff;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}

.likeBox{
	display:inline-block;
	width: 100%;
	text-align: center;
    padding-top: 1%;
	padding-bottom: 0%;
	border: 1px solid rgba(0 ,0 ,0 ,0.5); 
	/*box-shadow: 1px 2px 6px rgba(0 ,0 ,0 ,0.5);*/
	margin: 1% 0%;
	margin-bottom: 8%;
}

.likeBoxTitle{
	text-align: center;
	width: 96%;
	padding: 3% 2%;
	margin: 2% 0% 1% 0%;
	background: #119DDF;
	color: #fff;
	font-size: 0.99em;
	/*box-shadow: -1px 1px 8px #666;*/
}

.likeBoxTitle:hover{
	background: #f58220;
}

.tabcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 102%;
}