@charset "utf-8";
*{padding:0; margin:0}
.center{text-align:center}
.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     { color: white; font: 900 10pt verdana }
p             { color: #e0e0e0; font-weight: bold; font-size: 1.2em; font-family:Roboto,Arial; text-align: justify; line-height:1.8;font-weight:normal;text-indent: 0cm; text-align: justify  }
body  { color: #e0e0e0; font-weight: bold; font-size: 1.2em; font-family:Roboto,Arial; text-align: justify;line-height:1.8;font-weight:normal; text-indent: 0cm;background-color: #002040}
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;}
input.mod               { color: #000; font-weight: bold; font-size: 14px; font-family: Verdana,Arial; text-decoration: none; background-color: #ff6000; text-align: left; border: solid 1px #ffffff;border-radius: 10px 10px;-moz-border-radius: 10px; }
#lang{z-index:10;position:absolute;right:10px;top:10px}
#logo{z-index:10;position:absolute;left:50px;top:50px}
img.logo{width:400px;height:200px}
a  { color: #808080; font-weight: bold; font-family:Roboto,Verdana,Arial;font-size: 1em; border-radius: 3pxx;-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 }
.sign    { color: #fff; font-weight: bold; font-size: 14px; font-family: Verdana,Arial;}
iframe{width:480px; height:275px;border:none}
/*--------------------------------------------------------------------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){
	#owl-agency img{display:none}
		img.logo{width:130px;height:70px}
}
@media print, screen and (max-width:900px){
	#owl-agency p.h1 {padding: 1em 1em 0.05em 1em;}
}
@media print, screen and (max-width:768px){
iframe{width:300px; height:175px;}

.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;}
}