* {margin: 0; padding: 0;}
body { padding: 0 ; text-align: center ; font: 10pt "Tahoma", helvetica, sans-serif ; background: #0a7692; line-height: 15px}

option       { color: #FFFFFF; font-size: 10pt; background-color: #0a7692;}
select       { color: #FFFFFF; font-size: 10pt; background-color: #0a7692;}
table { font-size: 8pt; }

div#entete {position: relative; margin-left: auto; margin-right: auto; width: 905px; height: 155px; text-align: left; background: #0a7692 url('images/bandeau3.jpg') no-repeat; }
.conteneur {  text-align: center}

div#menu { position: absolute; left: 0px ; bottom: 25px ; width: 750px ; height: 30px ; text-align: left ; }
ul#navigation { height: 30px ; margin: 0 ; padding: 0 ; list-style-type: none; font-style:normal; font-variant:normal;  }
ul#navigation li { float: left ; text-align: center ; color: #FFFFFF ;}
ul#navigation li a { width: 150px ; line-height: 30px ; display: block ; text-decoration: none ; }
ul#navigation li a:hover { text-decoration: none ; font-style:normal; font-variant:normal; font-weight:bold; color: #E15B02; }

div#menubis { position: absolute; left: 0px ; bottom: 0px ; width: 600px ; height: 25px ; text-align: left ; background: #153950}
div#menubisdt { position: absolute; left: 0px ; bottom: 0px ; width: 600px ; height: 25px ; text-align: right ; background: #153950}
ul#navigationbis { height: 25px ; margin: 0 ; padding: 0 ; list-style-type: none; font-style:normal; font-variant:normal;  }
ul#navigationbis li { float: left ; text-align: center ; color: #FFFFFF ;}
ul#navigationbis li a { width: 150px ; line-height: 25px ; display: block ; text-decoration: none ; }
ul#navigationbis li a:hover { text-decoration: none ; font-style:normal; font-variant:normal; font-weight:bold; color: #E15B02; }

ul#navigationbisdt { height: 25px ; margin: 0 ; padding: 0 ; list-style-type: none; font-style:normal; font-variant:normal;  }
ul#navigationbisdt li { float: right ; text-align: center ; color: #FFFFFF ;}
ul#navigationbisdt li a { width: 150px ; line-height: 25px ; display: block ; text-decoration: none ; }
ul#navigationbisdt li a:hover { text-decoration: none ; font-style:normal; font-variant:normal; font-weight:bold; color: #E15B02; }

.menuselnon { text-decoration: none ; background: #153950 url('images/ongletdroit.jpg') ; font-weight:bold; color: #FFFFFF ;}
.menuselnong { text-decoration: none ; background: #153950 url('images/ongletgauche.jpg') ; font-weight:bold; color: #FFFFFF ;}
.menuseloui { text-decoration: none ; background: #153950; font-weight:bold; color: #E15B02;}
.menuselouibis { text-decoration: none ; background: #153950; color: #E15B02; font-size: 9pt}
.menuselnonbis { text-decoration: none ; background: #153950; color: #FFFFFF ; font-size: 9pt}

div#facebk { position: absolute; right: 0px ; bottom: 0px ; width: 200px ; height: 50px ; text-align: left ; }


div#corps {position: relative; margin-left: auto; margin-right: auto; width: 905px; text-align: left; background: #0a7692; padding-bottom: 10px;}

div#gauche {position: relative; float: left; margin: 0; padding: 0; width: 600px; text-align: left ; background: #153950 ; }

div#header {float: left; display:inline; width: 597px; text-align: left ; background: #FFFFFF url('images/fondrub.jpg') repeat-x; }
div#header h1 { padding-top: 20px; padding-left: 20px; line-height: 25px ; font-size: 14pt ; color: #153950 ; display : table-cell ; vertical-align: top;}

div#paveactu {position: relative; float: left; display:inline; width: 597px; height: 125px; text-align: left ; background: #153950 }
div#paveactu h2 { padding-bottom: 20px; line-height: 20px ; font-size: 13pt ; color: #E15B02 ; display : table-cell ; vertical-align: top;}
div#paveactu h3 { padding-bottom: 20px; line-height: 20px ; font-size: 13pt ; color: #E15B02 ; display : table-cell ; vertical-align: top;}

.news {position: relative; float: left; display:inline; width: 560px; margin-left: 20px; margin-top: 18px; height: 90px; text-align: left ; background: #153950; }
.photo {float: left; display:inline; width: 120px; height: 90px; text-align: left ; background: #153950; }
.newstexte {float: left; display:inline; width: 430px; margin-left: 10px; height: 90px; text-align: left ; background: #153950; }

div#pavevideos1 {position: relative; float: left; width: 597px; padding-bottom: 10px; text-align: left ; background: #FFFFFF; }
div#pavevideos1 h2 { padding-top: 15px; padding-bottom: 15px; padding-left: 20px; line-height: 20px ; font-size: 13pt ; color: #153950 ; display : table-cell ; vertical-align: top;}
div#pavevideos1 h3 { padding-top: 5px; padding-bottom: 15px; line-height: 20px ; font-size: 10pt ; display : table-cell ; vertical-align: top;}


div#pavevideos2 {position: relative; float: left; width: 597px; padding-bottom: 10px; text-align: left ; background: #FFFFFF; }
div#pavevideos2 h2 { padding-top: 15px; padding-bottom: 15px; padding-left: 20px; line-height: 20px ; font-size: 13pt ; color: #153950 ; display : table-cell ; vertical-align: top;}
div#pavevideos2 h3 { padding-top: 5px; padding-bottom: 15px; line-height: 20px ; font-size: 10pt ; color: #153950 ; display : table-cell ; vertical-align: top;}

div#pavevideos3 {position: relative; float: left; width: 597px; padding-bottom: 10px; text-align: left ; background: #FFFFFF url('images/fondrub.jpg') repeat-x; }
div#pavevideos3 h2 { padding-top: 15px; padding-bottom: 15px; padding-left: 20px; line-height: 20px ; font-size: 13pt ; color: #153950 ; display : table-cell ; vertical-align: top;}
div#pavevideos3 h3 { padding-top: 5px; padding-bottom: 15px; line-height: 20px ; font-size: 10pt ; color: #153950 ; display : table-cell ; vertical-align: top;}


ul#listevideos { height: 20px ; padding-left: 5px; padding-top: 5px; list-style-type: none; }
ul#listevideos li { width: 500px ; font-size: 9pt; float: left ; text-align: left ; list-style-type: none; color: #1F1F1F;}
ul#listevideos li a { line-height: 15px ; color: #E15B02 ; display: block ; text-decoration: none ; }
ul#listevideos li a:hover { text-decoration: none ; font-style:normal; font-variant:normal; color: #E15B02; }

ul#listeperso { height: 20px ; margin-left: 15px; padding-top: 10px; list-style-type: none; }
ul#listeperso li { width: 145px ; font-size: 8pt; float: left ; text-align: left ; list-style-type: none; color: #1F1F1F;}
ul#listeperso li a { line-height: 15px ; color: #E15B02 ; display: block ; text-decoration: none ; }
ul#listeperso li a:hover { text-decoration: none ; font-style:normal; font-variant:normal; color: #E15B02; }

ul#listeelections { height: 20px ; padding-left: 30px; padding-top: 5px; list-style-type: none; }
ul#listeelections li { width: 550px ; font-size: 9pt; float: left ; text-align: left ; list-style-type: none; color: #1F1F1F;}
ul#listeelections li a { line-height: 15px ; color: #E15B02 ; display: block ; text-decoration: none ; }
ul#listeelections li a:hover { text-decoration: none ; font-style:normal; font-variant:normal; color: #E15B02; }


.news2 {position: relative; float: left; display:inline; width: 570px; margin-left: 15px; padding-top: 5px; padding-left: 5px; margin-top: 15px; height: 100px; text-align: left ; background: #FFFFFF url('images/fondvideo.jpg') repeat-x; }
.news2bis {position: relative; float: left; display:inline; width: 570px; margin-left: 15px; padding-top: 5px; padding-left: 5px; margin-top: 15px; text-align: left ; background: #FFFFFF url('images/fondvideo.jpg') repeat-x; }
.photo2 {float: left; display:inline; width: 120px; height: 90px; text-align: left ; }
.newsvideos {float: left; display:inline; width: 430px; margin-left: 10px; height: 90px; text-align: left ; }

div#video1 {position: relative; float: left; display:inline; width: 280px; margin-left: 15px; margin-top: 15px; height: 250px; text-align: left ; background: #153950 }
div#video2 {position: relative; float: left; display:inline; width: 280px; margin-left: 10px; margin-top: 15px; height: 250px; text-align: left ; background: #153950 }
div#video3 {position: relative; float: left; display:inline; width: 280px; margin-left: 15px; margin-top: 10px; height: 250px; text-align: left ; background: #153950 }
div#video4 {position: relative; float: left; display:inline; width: 280px; margin-left: 10px; margin-top: 10px; height: 250px; text-align: left ; background: #153950 }


.news3 {position: relative; float: left; width: 280px; margin-left: 15px; padding-top: 5px; padding-left: 5px; margin-top: 15px; height: 250px; text-align: left ; background: #153950 }
.photo3 {float: left; width: 120px; height: 90px; text-align: left ; padding-left: 5px; padding-top: 5px;}
.teaser3 {float: left; width: 120px; height: 90px; text-align: left ; margin-left: 15px; padding-top: 5px;}
.newsvideos3 {float: left; width: 270px; height: 90px; text-align: left ; padding-left: 5px; padding-top: 5px;}
.newsportrait {float: left; width: 270px; height: 120px; text-align: left ; padding-left: 5px; padding-top: 10px;}
.lienportrait {position: absolute; width: 270px; height: 20px; bottom: 2px; left: 5px; text-align: left;}

div#listedesvideos {position: relative; float: left; width: 570px; margin-left: 15px; padding-top: 5px; padding-left: 5px; margin-top: 15px; height: 100px; text-align: left ; background: #FFFFFF url('images/fondvideo.jpg') repeat-x; }
html>body #listedesvideos {height: auto; min-height: 100px;}


div#droite {position: relative; float: right; margin: 0; padding: 0; width: 300px; text-align: left ; background: #153950; }

div#teasersondage {float: left; width: 300px; height: 195px; text-align: left ; background: #0a7692 url('images/fondteaser2.jpg') no-repeat;  color: #FFFFFF; }
div#teasersondage h2 { padding-left: 10px; padding-top: 20px; padding-bottom: 20px; line-height: 25px ; font-size: 14pt ; color: #E15B02 ; display : table-cell ; vertical-align: top}
div#teasersondage h3 { padding-left: 10px; padding-top: 20px; padding-bottom: 20px; line-height: 25px ; font-size: 14pt ; color: #E15B02 ; display : table-cell ; vertical-align: top}
html>body #teasersondage {height: auto; min-height: 195px;}

div#pavepub {float: left; width: 300px; height: 250px; text-align: left ; background: #235369;}
div#pavepub2 {float: left; width: 300px; height: 250px; text-align: left ; background: #235369;}

div#pavemosaique {float: left; width: 300px; text-align: left ; background: #153950;}

div#listeportraits {position: relative; float: left; width: 300px; height: 100px; text-align: left ; background: #153950 url('images/fondteasersmall.jpg') no-repeat; color: #FFFFFF; }
div#listeportraits h3 { padding-top: 5px; padding-bottom: 10px; padding-left: 10px; line-height: 20px ; font-size: 11pt ; color: #FFFFFF ; display : table-cell ; vertical-align: top;}

div#portraits { position: absolute; left: 10px ; bottom: 5px ; width: 180px ; height: 20px ; text-align: left ; }
div#valider { position: absolute; right: 10px ; bottom: 5px ; height: 20px ; text-align: left ; }

div#titremosaique {float: left; width: 300px; text-align: left ; background: #153950; color: #FFFFFF; padding-bottom: 10px; margin-top: 5px;}
div#titremosaique h3 { padding-left: 10px; padding-bottom: 15px; padding-top: 10px; line-height: 20px ; font-size: 11pt ; color: #E15B02 ; display : table-cell ; vertical-align: top}
div#titremosaique h2 { padding-left: 10px; padding-bottom: 15px; padding-top: 10px; line-height: 20px ; font-size: 11pt ; color: #E15B02 ; display : table-cell ; vertical-align: top}


div#teaserbas {float: left; width: 295px; height: 70px; text-align: left ; background: #153950 url('images/logobas.jpg') no-repeat; color: #FFFFFF; }
html>body #teaserbas {height: auto; min-height: 87px;}

div#footer {position: relative; clear: both ; margin-left: auto; margin-right: auto; width: 905px; height: 50px; text-align: left; background: #0a7692; }

.blancmarge  { margin-left: 10px ; margin-right: 10px ; color: #FFFFFF; text-align: justify; line-height: 15px;}
.boutonvalid { border:1px solid #FFFFFF; float: right; background: #E15B02; color: #1F1F1F; padding-left: 5px; padding-right: 5px;}
.blancmargelarge  { margin-left: 20px ; margin-right: 20px ; color: #FFFFFF; text-align: justify; line-height: 15px;}
.blancsansmarge  { color: #FFFFFF; text-align: justify; line-height: 15px; font-size: 9pt;}
.blancsansmarge2  { color: #F2F2F2; text-align: justify; line-height: 15px; font-size: 9pt;}
.noirsansmarge  { color: #1F1F1F; text-align: justify; line-height: 15px; font-size: 9pt;}
.noirpetitemarge  { margin-left: 10px ; margin-right: 10px ; color: #1F1F1F; text-align: justify; line-height: 15px; font-size: 9pt;}
.stylecorps   { margin-left: 20px; margin-right: 20px; margin-top: 20px ; color: #1f1f1f ; text-align: justify; line-height: 15px;}
.stylecorps2   { margin-left: 20px; margin-right: 20px; margin-top: 5px ; color: #1f1f1f ; text-align: justify; line-height: 15px;}
.petitblanc { margin-left: 10px; color: #FFFFFF; font-size: 8pt; }
.petitblanc2 { color: #F2F2F2; font-size: 8pt; }
.orange { color: #E15B02;}
.orangegros { color: #E15B02; font-size: 10pt ; }
.bleu { color: #153950;}
.gris { color: #BBBBBB;}
.blanc { color: #FFFFFF;}
.titretab { font-size: 8pt; color: #FFFFFF;}
.8pt { font-size: 8pt; }
.bleumarge   { margin-left: 20px; ; color: #153950 ; text-align: justify; line-height: 15px; font-size: 8pt;}
.nomtab { color: #1F1F1F; font-weight: bold; }