/**** www.collegevoltaire.de ****/
/**** Author : Ludovic Quintard ****/
/**** http://www.mokland.de ****/

/****** Layout *******/
* {padding: 0;margin: 0;}
#container { width:970px;margin:0 auto;padding:0 8px;margin-bottom:10px }
#header, #content, #footer{ margin:0;}
#header { height:242px }
#footer { padding:5px 0 0 13px;margin:0;height:28px;width:959px}
#content { margin:0;padding:0;min-height:400px; }
#content #left { float:left;width:674px;padding:10px 0 10px 20px;min-height: 98%;height: 98%; }
#content #right { float:right;width:260px;padding:38px 10px 10px 0;min-height: 98%;height: 98%; }

body { background:#f7f7f7 }
#content { background:#fff;}
#header { background:url('../../img/bg-frise.gif') top no-repeat; }
#container { background:#f7f7f7 url('../../img/bg-container.gif') top repeat-y; }
#footer { clear:both;background:#1352a7 url('../../img/bg-footer.png') 0 0 repeat-x;}
#top { margin:0;padding:0;width:970px;height:59px; }
#menu { width:970px;height:28px;padding:0;margin:0}
#left, #right {  background:#fff;  }
#recherche {padding:22px 0 0 0;margin:0;width:180px;height:30px;float:right}
#recherche  form { padding:0;margin:0}
#recherche  form input { float:left;height:21px;border:solid 1px #999999;margin:0;vertical-align:middle }
#recherche #text { border-right:none;color:#5B5B5B }
#icones { float:left;text-align:left;margin:0px 0 0 15px;height:45px; }
#icones a { padding-top:18px;text-decoration:none;font-weight:bold;width:125px;margin-right:10px;display:block;line-height:12px;height:30px;float:left;color:#5A5A5A;font-size:11px }
#footer  span.copyright { margin-right:100px;color:#fff;font-size:12px; } 	
#footer , #footer  a { color:#fff;font-size:12px; }

/*** Global ***/
body { margin: 0;padding: 0; height:100%;font-size: 11px;font-family:verdana;color: #000;line-height: 17px;color: #222;}
p,ul,ol,div,span,td,th,a,label { font-size:11px;padding-bottom:1em; }
input,textarea{padding:2px;margin:5px;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;color: #434343;letter-spacing:0.005em;margin:15px 0 10px 10px; }
h3{margin-bottom:5px;font-weight:normal;}
h1,h1 a { font-size:24px;line-height:28px }
h2,h2 a { font-size:18px; }
h3,h3 a { font-size:14px; }
h4,h4 a { font-size:12px; font-weight:normal; }
h5{margin:0;}
a {color:#000;}
a:hover {text-decoration: underline;}
a img { border:none; }
th { white-space:nowrap; }
td { vertical-align:top; }
hr {	border: none;height:1px;border-top: 1px dotted #4D6979;padding:5px 0;}	
/* Génériques */
.alert { color:red; }
.bold { font-weight:bold; }
.bolder{font-weight:bolder;}
.chapo{ padding: 10px;margin:0 0 10px 0;background:#F3F7FA;}
.chapo, .chapo p, .chapo p a { font-size: 12px; }
.center { text-align:center; }
.clear { clear:both; }
.hide { display:none; }
.justify{text-align:justify;}
.left { text-align:left; }
.noborder { border:none; }
.nowrap { white-space:nowrap; }
.right { text-align:right; }
.small { font-size:10px; }
.success { color:green; }
.small-caps { font-variant: small-caps; }
.uppercase { text-transform:uppercase; }
.date { font-size: 12px;	font-family: Georgia, 'Times New Roman', serif;color: #000;font-weight: 100 }

select option {padding-right:5px;}
a img{border:none;}
img.float {clear:both;float:left;}
img.cadre {background:#FFF;padding:3px;margin-right:5px;border:1px solid;border-color:#BBB #3B3B3B #3B3B3B #BBB;}
dl{margin:0;padding:0;} 
dl dt, dl dt a{font-size:14px;}
dl dd{padding:3px 0;}
dl dd span.date{font-size:12px;color:#888;line-height:18pt;}
table{padding:3px;border:solid 1px #EFEFEF;font: 10px verdana;text-align: left;}
td.middle{border-style:solid;border-width:0px 1px;border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF;}
th{border-style:solid;border-width:0px 0px 1px 0px;border-color:#EFEFEF #EFEFEF #EFEFEF #EFEFEF;font-size:11px;}
td, th{padding:3px;}

#print{ margin-top:2px;float:right;padding:7px 3px 7px 33px;display:block;width:56px;background:url('../../img/print.png') 5px 50% no-repeat;}
#txt-accueil { margin:0 10px;padding:0;line-height:15px;font-size:11px;background:#F3F7FA;padding:10px;}

/***Blocs header : Logos / citation / adresse ***/
#header a , #header blockquote, #adresse{ display:block;padding:0;margin:0 }
#logo { position:absolute;top:0;width:372px;height:250px }
#aefe { position:relative;top:22px;left:581px;width:72px;height:105px }

#header blockquote { position:absolute;top:0;text-align:right;width:960px;padding-right:10px;font-style:italic }
#adresse { position:absolute;top:0;width:970px;height:209px;background:url('../../img/bg-adresse.gif') top right no-repeat }

/***Menus***/
.tabs { color:#111;width:500px;}
.tabs li { list-style:none; float:left; }
.tabs ul a { display:block; padding:6px 10px; text-decoration:none!important;margin:1px;margin-left:0; font:10px Verdana;color:#FFF;background:#444;}
.tabs ul a:hover { color:#FFF;background:#111; }
.tabs ul a.selected { margin-bottom:0;color:#000;background:#fff;border-bottom:1px solid #fff;cursor:default; }
.tabs div { height:100px;clear:left;background:#fff; }
.tabs div p{ background:#efefef;color:#000;padding:5px;font-size:11px;}
.tabs div a{ font-size:10px;line-height:10px;padding:0;margin:0; }
.tabs div dl {padding:10px;margin:0;}
.tabs div dl dt {font-weight:bolder;margin:0;padding:0;}
.tabs div dl dd { text-indent:10px;margin:0;padding:0; }

#left #arbo ul li { list-style:none;}
#left #arbo { padding:10px;}
#right h3 { font-family: "Lucida Grande", Tahoma;font-size: 10px;font-weight: lighter;font-variant: normal;text-transform: uppercase;color: #666666; margin-top: 10px;text-align: left!important;letter-spacing: 0.3em; }
#right div  { margin:0;padding: 0 0 0 10px;}
#right div ul { list-style:none;margin:0 0 0px 5px;padding:0; }
#right div ul li a { color:#2C77BA;line-height:20px;text-decoration:none; }
#hierarchie, #hierarchie a{ font-size:11px; }
#bloc-auteur {float:right;padding:0 15px 0 0;}
#auteur { margin:0;text-align:center;background:#F7F6F4;width:219px; }
#auteur-haut { margin:0;padding:0;background:url(../../img/bg-auteur-haut.gif) left no-repeat;height:9px;width:230px; }
#auteur-bas { margin:0;padding:0;background:url(../../img/bg-auteur-bas.gif) left no-repeat;height:9px;width:230px; }

/***Recherche***/
.pagination {text-align:center;}
#recherche p{ float:left;margin-right:3px;}
#recherche div.tri, #contact div.tri  { background:#fbfbfb;float:left;margin:0 5px 0 0;padding:5px;}
#recherche #submit { text-align:left;float:right;width:95px;margin:0 85px 0 0;padding:15px 5px 0 5px;background:#F3F7FA; }
.liste-articles ul { list-style:none; }

/***accueil***/
#home-auteur { margin-top:10px;padding:10px 0;border-bottom: 1px dotted #4D6979; }
#home-auteur img{ float:left;margin-right:10px;border:solid 1px #999999 }
#home-auteur h1 , #home-auteur p{padding:0;margin:0}
#home-auteur h1 { padding:8px 0;font-size:18px;line-height:21px }
#home-auteur a { color:#1D67B2  }


#right #home-actus {border:solid 1px #DADADA;width:189px;position:relative;left:20px;background:#F7F7F7 url('../../img/actuel.png') top left no-repeat;}
#right #home-actus {padding-top:35px;}
/***rubriques***/
#ajout{ padding:2px 0;margin:0 0 0 15px;color:#888;}

/***Galerie***/
#galerie img{ border:solid 1px #999;padding:2px; }
#galerie ul, #galerie ul  li { display:inline; }

/***Contact***/
#contact{ margin: 0;padding:10px;}
#contact legend {background: transparent;}
#contact p {padding: 0;margin: 0;}
#contact label {float:left;text-align: right;margin: 0;width:130px;margin-right:5px;}
#contact p.code label { line-height:10px; }
#contact p.code label span, #contact label span a { font-size:9px;font-weight:normal;}
#contact p.code #code { float:left;margin-right:10px; }
#contact label:hover, #contact-pied input {	cursor: pointer;}
#contact label.oblig {font-weight: bolder;}
#contact.legende {font-style: italic;background: transparent;margin: 0;padding: 0;}
#contact.focus {background-color: #E6ECEF;}
#contact.normal {background: white;}
#contact.alerte {border: 1px solid red;}
#contact.messageAlerte {display: block;margin: 0 0 .3em .3em;padding-left: 2em;color: red;font-weight: bold;}
#contact-pied {text-align: center;background:#F3F7FA;}
#contact div.tri { width:480px; }
#contact p.code { }
/***Docs***/
div.audio { width:180px;font-size:9px }
div.audio ul { padding:0;margin:0; }
div.audio ul li { width:180px;list-style:none;padding:2px 0;margin:0;color:#888; }
div.audio ul li.player { height:18px; }
div.audio ul li.title  { font-weight:bolder;text-indent:3px }
div.audio ul li.description { line-height:11px; }
div.audio ul li.description img { float:left;margin-right:5px }