@charset "utf-8";
*{padding:0; margin:0}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.clear{clear:both; line-height:0}
/*Le site est sur 12 colonnes*/
col1{width:8.25%; float:left; }.col2{width:16.5%; float:left; }.col2pix{width:16.5%; float:left; }.col3{width:24.75%; float:left; }.col3c{width:23.5%; float:left; }.col4{width:33%; float:left; }.col5{width:41.25%; float:left;}.col6{width:49.5%; float:left;}.col7{width:57.75%; float:left;}.col8{width:66%; float:left;}.col9{width:74.25%; float:left;}.col10{width:82.5%; float:left;}.col11{width:91%; float:left;}.col12{width:99%; float:left;}.col25{width:24.8%; float:left;}.col55{width:4.12%; float:left;}.max1400{max-width:1400px; margin:0 auto}.max1200{max-width:1210px; margin:0 auto}.max980{max-width:980px; margin:0 auto}

H1     {background: linear-gradient(to right,#f0f8ff, white);color: #202020;font-size: 1.2em;letter-spacing:2px;}
H2     {  text-indent: 0.4cm ;color: #404040;font-size: 1em;}
H3     { padding-left:10px;color: #000066;font-size: 1em;}
.stitre     { letter-spacing:-1px;}
.size3{padding:3%;box-sizing: border-box;}
body,p  { color: #606060; font-weight: normal; font-size: 1em; font-family:Roboto,Arial; text-align: justify; line-height:2;text-indent: 0cm;}
.lettrin {object-fit:cover;border radius:50%;float:left;}
div#box{position:relative;top:200px;padding:5%;box-sizing: border-box;}
a.plus {padding:10px;color:#000066;font-size:2em;border-radius: 3px;-moz-border-radius: 3px; text-decoration: none }
a.plus:hover {color:#000066;font-size:2em;background-color: #e0e0e0;}
input { color: #000; font-weight: bold; font-size: 14px; font-family: Verdana,Arial; text-decoration: none; text-align: left; border: solid 1px #999 ;background-color: #e0e0e0;  border: solid 1px #ffffff ;border-radius: 3px;-moz-border-radius: 3px;}
.cote{width:20px;height:20px}
a  { color: #808080; font-weight: bold; font-family:Roboto,Verdana,Arial;font-size: 1em; border-radius: 3px;-moz-border-radius: 3px; text-decoration: none }
a:hover   { color: #808080; font-weight: bold; font-family:Roboto,Verdana,Arial;font-size: 1em; background-color: #e0e0e0;border-radius: 3pxx;-moz-border-radius: 3px; text-decoration: none }
.alarm    { color: #f00; font-weight: bold; font-size: 10px; font-family: Verdana,Arial; background-color: #fc0; text-align: left; text-indent: 0cm }
.new { color: #404040; font-weight: bold;padding:2px 0 2px; font-size: 1.2em; font-family: Arial,Verdana, Lucida Grande,Arial, Times; text-decoration: none; background: linear-gradient(to right,#c0ff60, #ffffff);-moz-border-radius:3px;-webkit-border-radius:3px;}
.mod { color: #404040; font-weight: bold; padding:2px 0 2px;  font-size:  1.2em; font-family: Arial,Verdana, Lucida Grande,Arial, Times; text-decoration: none; background: linear-gradient(to right,#FFD235, #ffffff);-moz-border-radius:3px;-webkit-border-radius:3px;}
.del { color: #404040; font-weight: bold;padding:2px;  font-size:  1.2em; font-family: Arial,Verdana, Arial; text-decoration: none; background: linear-gradient(to right,#ffbacc, #ffffff);-moz-border-radius:5px;-webkit-border-radius:3px;}
.rep{background-color:#f0f8ff;border-radius: 5px;-moz-border-radius:5px;}
.hinter{height:20px}
.rodate{font-size:0.8;font-family:Cinzel;color:#800000;padding:10px;-webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);position:relative;font-size:1em;background: linear-gradient(to right,#ffff00,transparent);}
.rodate1{font-size:0.8;font-family:Cinzel;width:40%;color:#800000;padding:10px;-webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);position:relative;font-size:1em;background: linear-gradient(to right,#ffff00,transparent);}

hr {clear: both;text-align:center;background-color: #ffffff;background-color: rgba(255,255,255,0);width: 90%;border: 0;border-bottom: solid 1px #a0a0a0;color: #a0a0a0;margin: 1em auto 1em;height: 1px;}

ul{list-style-image: url("/pix/checkmark.png");padding-left:30px}
li{font-size: 0.8em;}

/*--------------------------------------------------------------------Fin CSS Pages------------------------------------------------------------*/
@media print, screen and (max-width:1600px){
}
@media print, screen and (max-width:1500px){
}
@media print, screen and (max-width:1400px){
}
@media print, screen and (max-width:1024px){
}
@media print, screen and (max-width:900px){
}

@media print, screen and (max-width:768px){
body,p  { font-size: 1.2em;}
div#box{top:300px;}
.col1{width:99%; float:left;}.col2{width:99%; float:left;}.col2pix{width:99%; float:left; }.col2p{width:99%; float:left;}.col3{width:99%; float:left;}.col3c{width:99%; float:left;}.col4{width:99%; float:left; }.col5{width:99%; float:left;}.col6{width:99%; float:left;}.col7{width:99%; float:left;}.col8{width:99%; float:left;}.col9{width:99%; float:left;}.col10{width:99%; float:left;}.col11{width:99%; float:left;}.col12{width:99%; float:left;}
}