html
{
min-height:640px;
overflow-x:hidden;
overflow-y:auto;
}

body
{
background: linear-gradient(bottom, #FFFFFF 20%, #2211A1 95%) no-repeat;
background: -o-linear-gradient(bottom, #FFFFFF 20%, #2211A1 95%) no-repeat;
background: -moz-linear-gradient(bottom, #FFFFFF 20%, #2211A1 95%) no-repeat;
background: -webkit-linear-gradient(bottom, #FFFFFF 20%, #2211A1 95%) no-repeat;
background: -ms-linear-gradient(bottom, #FFFFFF 20%, #2211A1 95%) no-repeat;
background: -webkit-gradient(linear, bottom, top, color-stop(0.2, #FFFFFF), color-stop(0.95, #2211A1)) no-repeat;
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType="0", startColorstr='#12211A1', endColorstr='#95FFFFFF');
height:640px;
width:100%;
font-family:'calibri';
font-size:14px;
font-weight:normal;
text-decoration:none;
margin:0;
color:#090A3B;
background-color:white;
}

#image 
{
margin:10px;
float:left;
}

.clear{
clear:both;
}

.ital
{
font-style:italic;
}

.bold
{
font-weight:bold;
}

*
{
margin:0;
padding:0;
}

/*Header*/
header
{
width:100%;
height:150px;
position:relative;
}

#banner
{
width:1000px;
height:140px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0px;
background:white;
padding:0;
-moz-box-shadow: 0px 3px 5px black;
-webkit-box-shadow: 0px 3px 5px black;
box-shadow: 0px 3px 5px black;
}

.titre_principal
{
width:392px;
background:white;
position:relative;
bottom:140px;
font-style:none;
color:#090A3B;
font-family:'Calibri';
font-size:35px;
margin-left:auto;
margin-right:auto;
opacity:0.8;
}

#spacer
{ 
width:800px;
position:relative;
bottom:140px;
border:none;
color:white;
height:5px;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 250, from(#041138), to(#ffffff));
background: radial-gradient(50% 50%,circle, #041138, #ffffff 63%);
background: -o-radial-gradient(50% 50%, circle, #041138, #ffffff 63%);
background: -moz-radial-gradient(50% 50%, circle, #041138, #ffffff 63%);
background: -ms-radial-gradient( 50% 50%, circle, #041138, #ffffff 63%);
margin-left:auto;
margin-right:auto;
}

header h2
{
font-size:30px;
color:#090A3B;
text-align:center;
font:calibri;
text-decoration:none;
}

#slogan
{
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:-130px;
}

#choixlangue
{
font-family:calibri;
position:relative;
font-size:13px;
top:100px;
left:853px;
padding-bottom:5px;
padding-right:10px;
}

#choixlangue  #fra a 
{
display:inline-block;
border-left: 1px black solid;
padding-left:6px;
margin-left:3px;
text-decoration:none;
color:#090A3B;
}

#choixlangue #ang
{
position:relative;
left:30px;
}

#choixlangue #ang a 
{
display:inline-block;
border-right: 1px black solid;
padding-right:6px;
margin-right:3px;
text-decoration:none;
color:#090A3B;
}

#choixlangue  #ang a:hover, #choixlangue  #fra a:hover
{
color:#176DD0;
text-decoration:underline;
}


/*Menu*/
.menu_body
{
background-color:#176DD0;
box-shadow:0 5px 5px black;
position:relative;
bottom:10px;
margin-left:auto;
margin-right:auto;
width:1050px;
height:30px;
padding:0;
margin-top:6px;
text-align:center;
z-index:3000;
}

.deroulantpub
{
box-shadow:0 5px 5px black;
width:330px;
background: linear-gradient(bottom, #ffffff 30%, #176DD0 95%) no-repeat;
background: -o-linear-gradient(bottom, #ffffff 30%, #176DD0 95%) no-repeat;
background: -moz-linear-gradient(bottom, #ffffff 30%, #176DD0 95%) no-repeat;
background: -webkit-linear-gradient(bottom, #ffffff 30%, #176DD0 95%) no-repeat;
background: -ms-linear-gradient(bottom, #ffffff 30%, #176DD0 95%) no-repeat;
background: -webkit-gradient(linear, bottom, top, color-stop(0.3, #ffffff), color-stop(0.95, #176DD0)) no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType="0", startColorstr='#176DD0', endColorstr='#ffffff');
position:absolute;
margin-left:460px;
margin-top:3px;
display:none;
z-index:1000;
}

.deroulantpost
{
box-shadow:0 5px 5px black;
width:330px;
background: linear-gradient(bottom, #ffffff 30%, #176DD0 95%) no-repeat;
background: -o-linear-gradient(bottom, #ffffff 30%, #176DD0 95%) no-repeat;
background: -moz-linear-gradient(bottom, #ffffff 30%, #176DD0 95%) no-repeat;
background: -webkit-linear-gradient(bottom, #ffffff 30%, #176DD0 95%) no-repeat;
background: -ms-linear-gradient(bottom, #ffffff 30%, #176DD0 95%) no-repeat;
background: -webkit-gradient(linear, bottom, top, color-stop(0.3, #ffffff),	color-stop(0.95, #176DD0)) no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType="0", startColorstr='#176DD0', endColorstr='#ffffff');
position:absolute;
margin-left:315px;
margin-top:3px;
display:none;
z-index:1000;
}

.red
{
color:red;
}

.menu_body li
{
padding-top:6px;
font-size:16px;
display:inline-block;
padding-left:17px;
padding-right:17px;
}

.menu_body li a
{
color:#090A3B; 
text-decoration:none; 
font-weight:bold;
padding-left:5px;
padding-right:5px;
padding-bottom:0;
margin-right:3px;
margin-bottom:0;
}

.menu_body li a:hover
{
text-decoration:underline;

}


/*Section*/
section
{
padding-top:25px;
padding-bottom:25px;
text-align:left;
}

article
{
position:relative;
width:900px;
margin-left:auto;
margin-right:auto;
height:100%;
font:calibri;
color:#090A3B;
font-size:16px;
text-align:justify;
}

article p
{
margin-top:15px;
margin-bottom:15px;
}

article h1
{
font-size:30px;
color:#090A3B;
text-align:center;
font:calibri;
text-decoration:none;
margin-top:17px;
}

.gillesimg
{
float:left;
margin-right:20px;
}

.imgdem
{
margin-top:0;
position:relative;
border-bottom-right-radius:50px 50px;
border-top-left-radius:50px 50px;
margin-left:-75px;
float:left;
margin-right:30px;
}

.imgindex
{
margin-top:0px;
position:relative;
margin-left:auto;
margin-right:auto;
border-bottom-left-radius:50px 50px;
border-top-right-radius:50px 50px;
width:525px;
}



article ul, li
{
list-style:none;

margin:0;
padding-top:0;
padding-bottom:0;
}

.bullet
{
list-style-type:disc;
padding-left:5px;
margin:0;
margin-left:10px;
padding-top:5px;
padding-bottom:0;
}

article strong
{ 
font-weight:bold;
}

article h2
{
margin-top:18px;
text-decoration:none;
font-size:25px;
color:#090A3B;
}

article h3
{
padding:0;
margin:12px;
text-decoration:bold;
font-size:16px;
color:#090A3B;
}

article a
{
text-decoration:none;
color:#090A3B;
}

article a:hover
{
color:#176DD0;
text-decoration:underline;
}
article h4
{
font-size:20px;

}
#spacer1, #spacer2
{ 
width:800px;
position:relative;
border:none;
color:white;
height:5px;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 250, from(#041138), to(#ffffff));
background: radial-gradient(50% 50%,circle, #041138, #ffffff 63%);
background: -o-radial-gradient(50% 50%, circle, #041138, #ffffff 63%);
background: -moz-radial-gradient(50% 50%, circle, #041138, #ffffff 63%);
background: -ms-radial-gradient( 50% 50%, circle, #041138, #ffffff 63%);
margin-left:auto;
margin-right:auto;
}

/*Footer*/
#copyright
{
position:fixed;
bottom:0;
right:5px;
font-size:11px;
color:gray;
padding-right:15px;
padding-bottom:10px;
z-index:100;
}


/*Modification IE*/
.ie9, .ie8, .ie7, .ie6
{
 text-align: center;
}

.ie9 #banner 
{
margin: 0 auto;
text-align: left;
}

.ie9 .titre_principal
{
bottom:135px;
text-align: center;
}

.ie9 h1, .ie8 h1, .ie7 h1, .ie6 h1
{
font-size: 70px;
}

.ie9 article h1, .ie8 article h1, .ie7 article h1, .ie6 article h1
{
font-size: 30px;
}

.ie9 section, .ie8 section, .ie7 section, .ie6 section
{
text-align:left;
}

.ie9 #moitie1, .ie8 #moitie1, .ie7 #moitie1, .ie6 #moitie1
{
position:relative;
border:none;
color:white;
height:5px;
background:white;
width:250px;
left:150px;
margin:0;
padding:0;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType="1", startColorstr='#FFFFFF', endColorstr='#041138');
}

.ie9 #moitie2, .ie8 #moitie2, .ie7 #moitie2, .ie6 #moitie2
{
position:relative;
bottom:5px;
left:400px;
margin:0;
padding:0;
border:none;
color:white;
height:5px;
background:white;
width:250px;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType="1", startColorstr='#041138', endColorstr='#FFFFFF');
}

.ie9 article, .ie8 article
{
bottom:25px;
}

.ie9 .menu_body
{
margin-bottom:25px;
}

.ie9 #spacer1, .ie9 #spacer2
{
position:relative;
bottom:30px;
}

/*Modification IE8*/
html .ie8
{
overflow-y:scroll;
}
.ie8 #banner
{
border-bottom: 2px black solid;
border-left: 2px black solid;
border-right: 2px black solid;
margin: 0 auto;
text-align: left
}

.ie8 .menu_body, .ie7 .menu_body, .ie6 .menu_body
{
bottom:14px;
border-bottom:2px black solid;
border-left: 2px black solid;
border-right: 2px black solid;
margin-bottom:25px;
}

.ie8 #spacer
{
position:relative;
bottom:140px;
}

.ie8 .deroulantpost, .ie7 .deroulantpost, .ie6 .deroulantpost
{
position:absolute;
top:27px;
left:0;
text-align:center;
}

.ie8 .deroulantpub, .ie7 .deroulantpub, .ie6 .deroulantpub
{
position:absolute;
left:0;
top:27px;
text-align:center;
}


/*Modification IE7 et IE6*/
.ie7, .ie6
{
display: inline;
    zoom: 1;
}

.ie7 #banner, .ie6 #banner
{
border-bottom: 2px black solid;
border-left: 2px black solid;
border-right: 2px black solid;
margin: 0 auto;
text-align: left;
position:relative;
}

.ie7 #spacer, .ie6 #spacer
{
position:relative;
right:250px;
bottom:140px;
}

.ie7 #spacer2, .ie6 #spacer2
{
position:absolute;
bottom:-1575px;
left:300px;
}

.ie7 #spacer1, .ie6 #spacer1
{
position:absolute;
bottom:-1870px;
left:300px;
}

.ie7 .menu_body li, .ie6 .menu_body li
{
text-align:left;
display:inline;
}

.ie7 .menu_body, .ie6 .menu_body
{
margin-bottom:-5px;
}

#logo1
{
border-radius:10px;
position:absolute;
margin-left:130px;
border-style:solid;
border-color:white;
border-width:5px;
}

#logo3
{
border-radius:10px;
position:absolute;
margin-left:280px;
border-style:solid;
border-color:white;
border-width:5px;
}

#logo2
{
border-radius:10px;
position:absolute;
margin-left:430px;
border-style:solid;
border-color:white;
border-width:5px;
}



#logo4
{
border-radius:10px;
position:absolute;
margin-left:580px;
border-style:solid;
border-color:white;
border-width:5px;
}

#logo5
{
border-radius:10px;
position:absolute;
margin-left:730px;

border-style:solid;
border-color:white;
border-width:5px;
}

#logo6
{
border-radius:10px;
position:absolute;
margin-left:880px;

border-style:solid;
border-color:white;
border-width:5px;
}

#logo7
{
border-radius:10px;
position:absolute;
margin-left:1030px;

border-style:solid;
border-color:white;
border-width:5px;
}

#logo8
{
border-radius:10px;
position:absolute;
margin-left:130px;
margin-top:150px;
border-style:solid;
border-color:white;
border-width:5px;
}

#logo9
{
border-radius:10px;
position:absolute;
margin-left:280px;
margin-top:150px;
border-style:solid;
border-color:white;
border-width:5px;
}

#logo10
{
border-radius:10px;
position:absolute;
margin-left:430px;
margin-top:150px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo11
{
border-radius:10px;
position:absolute;
margin-left:1030px;
margin-top:150px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo12
{
border-radius:10px;
position:absolute;
margin-left:580px;
margin-top:150px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo13
{
border-radius:10px;
position:absolute;
margin-left:730px;
margin-top:150px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo14
{
border-radius:10px;
position:absolute;
margin-left:880px;
margin-top:150px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo15
{
border-radius:10px;
position:absolute;
margin-left:130px;
margin-top:300px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo16
{
border-radius:10px;
position:absolute;
margin-left:280px;
margin-top:300px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo17
{
border-radius:10px;
position:absolute;
margin-left:430px;
margin-top:300px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo18
{
border-radius:10px;
position:absolute;
margin-left:580px;
margin-top:300px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo19
{
border-radius:10px;
position:absolute;
margin-left:730px;
margin-top:300px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo20
{
border-radius:10px;
position:absolute;
margin-left:880px;
margin-top:300px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo21
{
border-radius:10px;
position:absolute;
margin-left:1030px;
margin-top:300px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo22
{
border-radius:10px;
position:absolute;
margin-left:130px;
margin-top:450px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo23
{
border-radius:10px;
position:absolute;
margin-left:280px;
margin-top:450px;
border-style:solid;
border-color:white;
border-width:5px;

}

#logo24
{
border-radius:10px;
position:absolute;
margin-left:430px;
margin-top:450px;
border-style:solid;
border-color:white;
border-width:5px;

}