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

h1, h1 img { vertical-align:middle !important }
h4 { vertical-align:middle; margin:10px 0 12px 0; font-family:Arial; font-size:12pt; font-style:italic; color:navy }
ol, ul { margin:0 !important; padding:0 0 10px 20px !important; width:97% }
li { font-size:12pt; font-family:Arial }
li img { vertical-align:text-bottom }
a:hover img { border:2px solid red !important }
a:link img { border:2px solid #cc0000 }
hr { width:100%; height:1px; border:0; background-color:gray; padding:0; margin:0 0 20px 0 }
div#contenu { padding:0; margin:0; position:absolute; width:100%; height:auto; left:0; top:106px }
table#colonnes { width:100%; height:auto; min-height:800px !important; margin:0; padding:0 }
#colonne1 { padding:5px 15px 10px 15px; font-size:12px; font-style:italic; color:gray; font-family:Arial; background-image:url("../images/fonds/trame3.jpg"); width:440px; text-align:left !important; vertical-align:top }
#colonne2 { padding:5px 15px 10px 15px; font-size:12px; font-style:italic; color:gray; font-family:Arial; background-image:url("../images/fonds/trame3.jpg"); width:440px; text-align:right !important; vertical-align:top }
#colonne1 p, #colonne2 p { margin:5px 0 5px 0; font-size:12px; font-style:italic; color:#333333; font-family:Arial; text-align:center }
#colonne1 ul, #colonne2 ul { text-align:left; margin-left:10px; color:#333333; font-size:14px }
#colonne1 p img, #colonne2 p img { border:8px solid white !important; box-shadow:2px 2px 2px 0 gray; margin:8px 0 4px 0; padding:0; width:430px; height:auto; background-color:white }
#colonne1  p a:hover img, #colonne2 p a:hover img { border:8px solid gold !important; box-shadow:1px 1px 1px 0 gray; margin:8px 0 4px 0; padding:0; width:430px; height:auto; background-image:url("../images/fonds/paper1.gif") !important }
#resume { padding:25px 0; width:85% !important; margin:35px auto 25px auto !important; border:2px solid #dddddd; -moz-border-radius:12px; border-radius:12px; box-shadow:8px 8px 5px #999999; background-image:url(../images/fonds/texture2.gif) }
#resume h3 { font-size:22px; text-align:center; color:#CC0000; margin-top:5px; text-shadow:3px 3px 3px #FFFFFF }
#resume h4 { font-size:18px; text-align:center }
#resume p.notes { text-align:center; font-size:11px; color:#666666; margin-top:10px }
#resume table { width:90%; margin:auto; background-color:transparent; border:none }
#resume td { padding:5px; font-family:Tahoma,Arial; font-size:12px; border:1px solid #aaaaaa; vertical-align:top }
#resume td p { font-size:12px; font-family:Tahoma,Arial; margin:0 }
#resume td.descriptif { background-color:#dddddd; font-weight:normal }
#resume td.item { width:25%; background-color:#ffffff; font-weight:bold; text-align:right }
#maintext { font-family:Tahoma,Arial; font-size:15pt; padding:30px 45px; background-image:url("../images/fonds/trame2.gif"); text-align:justify; vertical-align:top; width:auto }
#maintext h3 { color:#AA0000; text-shadow:1px 1px 2px #333333 }
#maintext h4 { margin-top:20px !important }
#maintext p { width:100%; margin:15px 0 10px 0 }
#maintext hr { margin-top:20px; padding-bottom:10px }
#maintext ol, #maintext ul { margin:15px 0 5px 20px }
#maintext ol li, #maintext ul li { font-size:11pt }
encadre { font-size:70%; padding:14px 10px 14px 14px; margin:-5px 0px 0px 0px; border:5px solid gold; background-color:#ffffff }
.encadre ul { margin:5px 12px !important; padding:0 !important }
#maintext p.center, #maintext p.center1, .separateur { margin:5px 0 10px 0; text-align:center; font-style:italic; color:gray; font-size:10pt }
#maintext p.center img { padding:0 !important; box-shadow:2px 2px 2px 0 gray; width:97.5%; margin:0; border:12px solid white !important; height:auto }
#maintext p.center1 img { padding:3px !important; box-shadow:2px 2px 2px 0 gray; margin:0; border:8px solid white !important; height:auto }
#colonne1 img.redborder, #maintext p.center img.redborder, #colonne2 img.redborder { border:1px solid red !important; padding:8px !important }
.separateur img { margin:5px 0 0 0; text-align:center; padding:2px !important; border:0; width:100%; height:auto }
#maintext p.center a:link img { margin:15px 0 0 0; padding:0px !important; border:12px solid white !important; width:97.5% !important; height:auto }
#maintext p.center a:hover img { margin:15px 0 0 0; padding:0px !important; border:12px solid gold !important; width:97.5% !important; height:auto }
#maintext p.center img.transparent, #maintext p.center1 img { margin:0 auto 12px auto; text-align:center; padding:12px 0 5px 0 !important; border:0px !important; background-color:transparent !important; box-shadow:0 0 0 transparent !important }
#colonne1 p img.transparent,#colonne2 p img.transparent { margin:0 auto 8px auto; text-align:center; padding:0 !important; border:0px !important; background-color:transparent !important; box-shadow:0 0 0 transparent !important }
#colonne1 p.gamme, #colonne2 p.gamme { padding:0 !important; margin:0 !important }
#colonne1 p.gamme img, #colonne2 p.gamme img { width:100% !important; margin:0 !important; padding:0 !important; border:none !important; box-shadow:none !important }
p.legendeimage, p.legendeimageG, p.legendeimageD { margin:20px 0 25px 0; font-style:italic; color:gray; font-size:9pt }
p.legendeimage { text-align:center }
p.legendeimageG { text-align:left }
p.legendeimageD { text-align:right }
.rouge { color:#cc0000 }
.sitelogo { margin:0; padding:0; float:right }
.signaturegris { text-align:right; font-weight:bold; margin-top:30px !important; padding:5px; font-size:8pt; font-family:Tahoma,Arial; vertical-align:middle; background-color:#cccccc; width:99% !important; margin-left:0px }
table#chronologie { width:106%; border:0; margin:0 -25px 0 -27px }
table#chronologie tr th, table#chronologie tr td, table#chronologie tr td p { text-align:left; font-size:10pt; font-family:Arial; border:1px solid gray; padding:12px 12px 12px 20px; vertical-align:top }
table#chronologie tr th { font-weight:bold; padding:12px 0 0 13px; width:6% }
table#chronologie tr td { background-color:white }
table#chronologie tr td p { border:0; padding:0; margin:0 10px 0 0 }
table#chronologie tr td ul { margin:0; padding:0 }
table#chronologie tr td ul li { margin:2px 0px 5px 10px; list-style-position:outside }
.legendelien { color:#cc0000; text-align:right; font-weight:bold; font-style:italic; margin-top:25px }
.doclinks { width:60% !important; margin:30px auto; border:2px dotted gray !important; -moz-border-radius:12px; border-radius:6px; box-shadow:8px 8px 5px #999999; font-size:12pt; border:2px solid #333333; background-color:#ebebeb; padding:0 40px 0 90px; background-image:url("../images/logos/marques-autres/PDF_02.png"); background-repeat:no-repeat; background-size:contain }
.doclinks ul { margin:12px 0 2px 0 !important }
.doclinks li { font-size:10pt !important; margin:2px 0; padding:0 10px }

/* NOTICE BIO */
.bio { width:86%; margin:30px auto; background-color:beige; padding:30px 35px 40px 35px !important; border:1px solid gray; -moz-border-radius:12px; border-radius:12px; box-shadow:8px 8px 5px #999999; border:2px solid #333333 }
.bio * { font-family:Arial }  
.bio p { font-size:10pt; margin:5px 35px 5px 0 }
.bio p.chapeau { font-size:12pt; margin-left:0px !important; margin-bottom:15px !important; text-shadow:none !important }
.bio h2 { font-size:20pt; margin:0 auto 22px auto; font-family:Calibri,Tahoma,Arial; text-align:center; width:70%; color:saddlebrown}
.bio h3 { font-size:16pt; margin:10px auto 10px auto; font-family:Calibri,Tahoma,Arial; text-align:center; text-shadow:none !important; color:darkslateblue }
.bio h4 { font-size:12pt; margin:8px 0 0 0; font-family:Calibri,Tahoma,Arial; text-shadow:none; color:slategrey }
.bio h6 { margin-top:0; font-family:Calibri,Tahoma,Arial }
.bio ul { margin:12px 0 0 0 !important; padding:0 15px !important }
.bio ul li { margin:2px 20px 0 0 !important; font-size:9pt !important; font-family:Calibri,Arial }
.bio p.center { width:100% !important }
.bio p.center img { margin-bottom:5px !important }
.bio p.signaturegris, .bio p.signaturegris a { font-size:9pt; font-family:Calibri,Tahoma,Arial }