/* CARDERE Version 3.2 */
@import url(cardere_v5nav.css);
@import url(cardere_v5navbottom.css);
/* ELEMENTS */
html {
padding : 0;
margin : 0;
}
body {
background : #996 url() no-repeat;
text-align : center;
padding : 0;
margin-top : 0;
}
a:link {
color : #fff;
text-decoration : none;
}
a:visited {
color : #fff;
text-decoration : none;
}
a:hover {
color : #FC3;
background-color: #384;
text-decoration : none;
}
p {
font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif;
font-size : 0.80em;
color : #043;
margin : 0 5px;
}
p.absent {
text-align : center;
color : #c42;
font-weight : 800;
padding-top : 15px;
padding-left: 180px;
padding-bottom: 400px;
}
p.chapabsent {
text-align : center;
color : #c42;
font-weight : 800;
padding: 10px;
}
p.actus  {
padding: 0 5px 0 10px;
margin-bottom: 15px;
}
p.ancre {
font-family : Arial, sans-serif;
font-size : 0.7em;
padding-left : 15px;
margin : 15px;
clear : both;
}
p.bottom {
font-size : 0.7em;
color: #FC3;
text-align : center;
/*background:transparent url(logo.jpg) no-repeat 50px top;*/
margin : 0 auto 0 auto;
padding : 10px;
padding-bottom: 80px;
clear : both;
}
p.police2 {
font-family: "Comic Sans MS", Arial, Helvetica, SunSans-Regular, sans-serif;
}
p.txtform {
font-weight : 500;
font-size : 0.7em;
padding : 10px;
}
/* h1 : titres des pages - h2 : titre des sommaires - h3 : titre des articles - h4 : menu - h5 : fichiers PDF - h6 : titres formulaires */
h1, h2, h6 {
font : small-caps 700 1.0em "Comic Sans MS", Arial, sans-serif;
text-align : left;
margin : 20px;
padding : 5px;
}
h3 {
font : small-caps 700 1.1em "Comic Sans MS", Arial, sans-serif;
color: #063;
border-top:1px solid #a40;
border-bottom:1px solid #a40;
padding: 5px;
margin-left: 10px;
}
h4 {
font : small-caps 700 1.0em "Comic Sans MS", Arial, sans-serif;
}
h4.puce_art {
color: #063;
background : url(_puce.gif) no-repeat 5px 3px;
line-height: 30px;
padding-left: 30px;
border: 0px;
}
h5 {
font : 400 0.8em "Comic Sans MS", Arial, Helvetica, SunSans-Regular, sans-serif;
padding-bottom: 6px;
margin-left: 15px;
}
h5.lien {
font : 600 0.9em "Comic Sans MS", Arial, Helvetica, SunSans-Regular, sans-serif;
padding-bottom: 6px;
}
h6 {
border-top:1px solid #063;
border-bottom:1px solid #063;
}
h6.erreur {
font : 600 0.90em "Comic Sans MS", Arial, Helvetica, SunSans-Regular, sans-serif;
color:#c42;
}
h6.messageok {
color:#063;
}
li {
font : 400 0.80em "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif;
color:#000;
}

/* DIV */
#accessible, #plan {
text-align : left;
padding-top : 40px;
padding-left: 190px;
}
#actualites {
width : 200px;
background : #9a7;
text-align : left;
margin : 0 auto 0 auto;
padding : 0;
border: 2px ridge #063;
}
#conteneur, #conteneur1, #conteneur2, #conteneur3 {
position : relative;
width : 906px;
background : transparent;
text-align : left;
margin : 0 auto 0 auto;
padding : 0;
border-bottom: 0px solid #063;
}
#conteneur, #conteneur1 {
font-size : 100%;
}
#conteneur2 {
font-size : 130%;
}
#conteneur3 {
font-size : 150%;
}
#news, #tools {
width:202px;
text-align: center;
background-color : transparent;
margin: 0 auto 15px auto;
border : 0px solid #FC3;
border-top: 0px;
}
#sommaire_chap {
background : #9a7;
padding : 10px 10px 5px 10px;
margin-left: 190px;
margin-bottom: 10px;
border: 3px ridge #063;
}
#sommaire_art {
font-weight:600;
background : transparent;
padding : 10px 10px 5px 190px;
border-bottom : 0px solid #666;
}
#zone2 { /* news */
position : absolute;
width: 196px;
top: 650px;
left: 0px;
}
#zone3 { /* outils */
position : absolute;
width: 190px;
height: 32px;
top: 590px;
left: 10px;
z-index: 90;
}
#zone4 { /* illustrations */
width: 196px;
background-color : transparent;
margin: 80px 15px 10px 0px;
padding: 0px;
float: right;
}
#zone5 {  /* corps avec illustrations */
width : 650px;
text-align : left;
background-color : transparent;
padding-left : 8px;
margin-top : 80px;
float: left;
}
#zone6 {  /* corps sans illustration */
width :850px;
text-align : left;
background-color : transparent;
padding-left : 35px;
margin-top : 80px;
float: left;
}
#zone7 { /* bas de page */
width :1050px;
text-align : center;
margin : 120px auto 0 auto;
background : #996 url(bottom5.jpg) no-repeat left bottom;
}

/* CLASS  */
.actus a {
color : #FC3;
text-decoration : none;
}
.bando {
margin-left:0px;
margin-right:0px;
}
.cache {
line-height : 1em;
border-bottom : 0px solid #ed7;
clear : both;
}
.centrer {
text-align:center;
margin: 0 auto 0 auto;
}
.chapencours {
color : #FC3;
background-color: #384;
}
.diapos {
text-align : center;
background : transparent;
padding-top: 20px;
}
/* plan du site */
.disp_rub1 {
color:#33c;
font : small-caps 700 0.90em Arial, sans-serif;
padding-left:10px;
padding-bottom: 8px;
}
.disp_chap1 {
color:#808;
padding-left:20px;
font-size: 0.80em;
padding-bottom: 8px;
}
.disp_art1 {
color:#063;
padding-left:40px;
font-weight:600;
font-size: 0.75em;
padding-bottom: 8px;
}
/* fin plan */
.floatleft {
float : left;
}
.floatright {
float : right;
}
.force_vertical_ie {
width:1px;
background:transparent;
margin:0;
padding:0;
float:left;
}
.formok {
margin-bottom: 200px;
}
.gras {
font-weight:600;
}
.haut {
margin-top: 5px;
margin-bottom: 10px;
font-weight:600;
}
.imgfloatleft {
float : left;
border-top:1px solid #666;
border-left:1px solid #666;
border-right:2px solid #333;
border-bottom:2px solid #333;
margin : 0 10px 5px 0;
}
.imgfloatright {
float : right;
border-top:1px solid #666;
border-right:1px solid #333;
border-left:2px solid #333;
border-bottom:2px solid #333;
margin : 0 10px 5px 0;
}
.img2 {
border-top:3px solid #666;
border-right:3px solid #333;
border-bottom:3px solid #333;
border-left:3px solid #666;
}
.img6 {
border-top:1px solid #666;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-left:1px solid #666;
margin-right: 5px;
margin-bottom: 5px;
}
.item2 {
font-family: "Comic Sans MS", Arial, Helvetica, SunSans-Regular, sans-serif;
font-weight:600;
line-height: 35px;
padding-left: 25px;
background:transparent url(_chap.gif) no-repeat left 5px;
}
.item5 {
text-align:left;
padding-left: 180px;
padding-bottom:15px;
margin:0px;
}
/* item7 est utilisé pour l'affichage du formulaire */
.itemR {
font-size : 140%;
text-align:left;
padding-left: 180px;
padding-bottom:15px;
margin:0px;
}
.outils {
color : #000;
padding-right: 10px;
margin-bottom: 15px;
}
.printonly {
display:none;
}
.puce {
padding:5px 0 10px 35px;
background:transparent url(_puce.gif) no-repeat 3px 5px;
}
.titresommr {
padding:10px 20px 10px 30px;
background:transparent url(_puce.gif) no-repeat 3px 12px;
font: 700 0.8em sans-serif;
border-bottom : 0px solid #631;
border-right : 0px solid #631;
margin:10px;
}
.top10 {
padding-top:10px;
}
.visu {
color:#730;
padding:10px;
background-color: #ec9;
margin-bottom: 8px;
}
.warning {
margin-top:10px;
padding-left:30px;
background:transparent url(_puce.gif) no-repeat 5px 0px;
border:none;
}
/* FORMULAIRES */
form {
padding-bottom:40px;
}
.formulaire {
width: 500px;
}
div.item7 {clear:both;padding: 10px 10px 5px 5px}
div.item7 span.zdesc { float: left; width:130px; text-align: right;font-size:0.70em;font-family:Arial}
div.item7 span.zdescvert { float: left; width:130px; text-align: right;font-size:0.70em;color:#193;font-family:Arial}
div.item7 span.zform { float: right; width:220px; text-align: left;font-size:0.70em;font-family:Arial}
input, textarea { 
font-family:Arial;
color: #175;
}
input #Submit {margin-top:40px;padding-bottom:40px}

/* ELEMENTS TABLES */
TABLE.tablo {
margin-left:auto;
margin-right:auto;
border:0.1em solid #666;
}
CAPTION {
caption-side:top;
width:auto;
text-align:center;
padding:20px 0;
font : small-caps 700 0.8em "Comic Sans MS", Arial, sans-serif;
}
th {color:#555;text-transform:uppercase;text-align:center;font-size:80%;width:20%}
/*tr {
color:#2A2;
background-color:#afc;
}
*/
tr.lignepaire {
background-color:#666;
}
tr.ligneimpaire {
background-color:#beb;
}
tr.lignedate {
background-color:#666;
font-weight: 700;
}
tr.lignerubrique {
background-color:#8ac;
font-weight: 600;
}
td {
text-align:left;
vertical-align: top;
}
td.colon {font-size:80%}
td.coldim:after {content: " m"}
td.colvol:after {content: " m3"}
td.bord_gauche {
width: 10px;
}
td.bord_droit {
width: 5px;
}