H1     { color: white; font: 900 10pt Roboto }
p             { color: #404040; font-weight: bold; font-size: 1em; font-family: Roboto,Arial; text-align: justify;}
body  {color: #404040; font-size: 1em; font-family: Roboto,Arial; text-align: justify; text-indent: 0cm;}
input                { color: #000; font-weight: bold; font-size: 1.2em; font-family: Roboto,Arial; text-decoration: none; text-align: left; border: solid 1px #999 ;  border: solid 1px #808080 ;border-radius: 5px;-moz-border-radius: 5px;padding:5px;margin:5px}
input.conf { margin:30px;color: #0000ff; font-weight: bold; font-size: 1.2em; border: solid 1px #999 ;  border: solid 1px #808080 ;border-radius: 5px;-moz-border-radius: 5px;padding:5px;margin:5px}
input.mod               { color: #000; font-weight: bold; font-size: 1.2em; font-family: Roboto,Arial; text-decoration: none; background-color: #ff6000; text-align: left; border: solid 1px #ffffff;border-radius: 30px 30px;-moz-border-radius: 30px; }
select       { color: #000; font-weight: bold; font-size: 1.5em; font-family: Roboto,Arial; text-decoration: none; background-color: #e0e0e0; border-width: 1px; border-color: teal ;border-radius: 5px;-moz-border-radius: 5px;padding:5px;margin:5px}
textarea         { color: #000; font-weight: bold; font-size: 14px; font-family: Roboto,Arial; text-decoration: none; border: solid 1px #999 ;  border: solid 1px #808080 ;border-radius: 3px;-moz-border-radius: 3px;padding:5px}
.etape { font-color: #808080;padding-left:10px; font-weight: bold; font-size: 22px; font-family: Roboto,Roboto,Arial ;}
.cdtitle { font-color: #000000; font-weight: normal; font-size: 1.2em; font-family:Roboto:wght@900,Arial ;padding:15px;border-radius: 15px;border-style:solid;border-color:#e0e0e0;-moz-border-radius: 15px;border-width:2px;
}
input[type=checkbox]
{-ms-transform: scale(2); /* IE */
-moz-transform: scale(2); /* FF */
-webkit-transform: scale(2); /* Safari and Chrome */
-o-transform: scale(2); /* Opera */
transform: scale(2);
padding: 10px;
}
img{border-radius: 5px;-moz-border-radius: 5px;}
div#topo{position:fixed;top:0px;left:0px;width:100%;height:70px;background: linear-gradient(to right,#a00000,#e0a000,#a00000);}
div#logo  {z-index:100;cursor:pointer;position:fixed;left:0px;width:50%;height:50px;font-family: 'Archivo Black', sans-serif;color: #ffffff; font-size: 2.2em;}
div#member {z-index:100;cursor:pointer;position:fixed;right:0px;width:50%;height:50px;font-family: 'Archivo Black', sans-serif;color: #ffffff; font-size: 1em;}
div#bot  {z-index:100;left:0px;right:0px;height:200px;background: linear-gradient(to right,#a00000,#e0a000,#a00000);color: #ffffff; font-size: 0.8em;}

a {color: #a0a0a0;font-size: 1em;text-decoration: none }
a.s { color: #666; font-weight: bold; font-size: 10px; font-family: Roboto,Arial; text-decoration: none }
a:visited {color: #a0a0a0;}
a:hover     { color: #e0e0e0;text-decoration: none }
a:active     { color: #ffffff;background: linear-gradient(to right,#0064e0,#009AE0,#0064e0);text-decoration: none }
a.menu { color: #808080; font-weight: bold; font-size: 18px; font-family: Roboto,Arial; text-align: center;text-decoration: none }
a.menu:hover     { color: #ffffff;background-color: #808080; border-radius: 20px 20px;-moz-border-radius: 20px; text-decoration: none }
a.s:hover  { color: #4000e0; font-weight: bold; font-size: 10px; font-family: Roboto,Arial; text-decoration: none }
a.email   {color: #a0a0a0; font-size: 1em;text-decoration: nonne}
a.email:visited {color: #808080;}
a.email:hover   { color: #a0a0a0;font-size: 1em;  text-decoration: none }
a.email:active {background-color: #a0a0a0;}

.alarm    { color: #f00; font-weight: bold; font-size: 10px; font-family: Roboto,Arial; background-color: #ffe0e0; text-align: left; text-indent: 0cm }
.sign    { color: #fff; font-weight: bold; font-size: 14px; font-family: Roboto,Arial;}
.sous    { color: #fff; font-weight: bold;font-style: italic; font-size: 10px; font-family: Roboto,Arial;text-indent: 1cm }
.order { color: #404040; font-weight: bold; font-size: 1.2em;}
.inclu { font-color: #a0a0a0;font-style:italic; font-weight: normal; font-size: 16px; font-family: Roboto,Roboto,Arial ;text-align: justify;   }
.ordertotal { color: #404040; font-weight: bold; font-size: 1.2em;}
.cadre { padding:10px;background-color: #f5f5f5; border-radius: 10px;-moz-border-radius: 10px; }
.forml { color: #808080; font-weight: bold; font-size: 12px; font-family: Arial,Roboto ; text-indent: 0cm; text-align: right; }
.tick{background-color: #003040; }

a.new { color: #ffffff; font-weight: bold; font-size: 14px; font-family: Roboto, Arial, Times; text-decoration: none; background-color: #008000;
padding-left:3px;
padding-right:3px;
border-color:#004000;
border-style:solid;
border-left-width:0px;
border-top-width:0px;
border-right-width:2px;
border-bottom-width:2px;
border-radius: 10px 10px;-moz-border-radius: 10px;
}
a.news { color: #ffffff; font-weight: bold; font-size: 10px; font-family: Roboto, Arial, Times; text-decoration: none; background-color: #008000;
padding-left:3px;
padding-right:3px;
border-color:#004000;
border-style:solid;
border-left-width:0px;
border-top-width:0px;
border-right-width:2px;
border-bottom-width:2px;
border-radius: 10px 10px;-moz-border-radius: 10px;
}
a.mod { color: #ffffff; font-weight: bold; font-size: 14px; font-family: Roboto, Arial, Times; text-decoration: none; background-color: #ff6000;
padding-left:3px;
padding-right:3px;
border-color:#e04000;
border-style:solid;
border-left-width:0px;
border-top-width:0px;
border-right-width:2px;
border-bottom-width:2px;
border-radius: 10px 10px;-moz-border-radius: 10px;
}
a.conf { color: #ffffff; font-weight: bold; font-size: 16px; font-family: Roboto, Arial, Times; text-decoration: none; background-color: #20a0ff;
padding:12px;cursor:pointer;
border-radius: 5px;-moz-border-radius: 5px;
}
input.conf { color: #ffffff; font-weight: bold; font-size: 16px; font-family: Roboto, Arial, Times; text-decoration: none; background-color: #20a0ff;
padding:12px;cursor:pointer;
border-radius: 5px;-moz-border-radius: 5px;
}
a.del { color: #ffffff; font-weight: bold; font-size: 14px; font-family: Roboto, Arial, Times; text-decoration: none; background-color: #ff0000;
padding-left:3px;
padding-right:3px;
border-color:#e00020;
border-style:solid;
border-left-width:0px;
border-top-width:0px;
border-right-width:2px;
border-bottom-width:2px;
border-radius: 10px 10px;-moz-border-radius: 10px;
}
a.dels { color: #ffffff; font-weight: bold; font-size: 10px; font-family: Roboto, Arial, Times; text-decoration: none; background-color: #ff0000;
padding-left:3px;
padding-right:3px;
border-color:#e00020;
border-style:solid;
border-left-width:0px;
border-top-width:0px;
border-right-width:2px;
border-bottom-width:2px;
border-radius: 10px 10px;-moz-border-radius: 10px;
}
a.rep { color: #ffffff; font-weight: bold; font-size: 14px; font-family: Roboto, Arial, Times; text-decoration: none; background-color: #20a0ff;
padding-left:3px;
padding-right:3px;
border-color:#000099;
border-style:solid;
border-left-width:0px;
border-top-width:0px;
border-right-width:2px;
border-bottom-width:2px;
border-radius: 10px 10px;-moz-border-radius: 10px;
}
a.new:hover { color: #000080; font-weight: bold; font-size: 14px; font-family: Roboto, Arial, Times; text-align: justify;background-color: #fff;}
a.news:hover { color: #000080; font-weight: bold; font-size: 10px; font-family: Roboto, Arial, Times; text-align: justify;background-color: #fff;}
a.mod:hover { color: #ff6000; font-weight: bold; font-size: 14px; font-family: Roboto, Arial, Times; text-align: justify;background-color: #fff;}
a.mods:hover { color: #ff6000; font-weight: bold; font-size: 10px; font-family: Roboto, Arial, Times; text-align: justify;background-color: #fff;}
a.del:hover { color: #ff0000; font-weight: bold; font-size: 14px; font-family: Roboto, Arial, Times; text-align: justify;background-color: #fff;}
a.dels:hover { color: #ff0000; font-weight: bold; font-size: 10px; font-family: Roboto, Arial, Times; text-align: justify;background-color: #fff;}

@charset "ISO-8859-1";
*{padding:0; margin:0}
.center{text-align:center;margin-left: auto;
    margin-right: auto;}
.right{text-align:right}
.clear{clear:both; line-height:0}
/*Le site est sur 12 colonnes*/
.col1{width:6.333333%; float:left; padding:0 1%;}
.col2{width:14.666666%; float:left; padding:0 1%}
.col3{width:21%; float:left; padding:1em 1.9%}
.col4{width:29.333333%; float:left; padding:1em 2%}
.col5{width:39.666666%; float:left; padding:0 1%}
.col6{width:46%; float:left; padding:0 2%; position:relative}
.col8{width:62.666666%; float:left; padding:1em 2%}
.col10{width:81.333333%; float:left; padding:0 1%}
.col12{width:98%; float:left; }
}
@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){
	div#topo{position:fixed;top:0px;left:0px;width:100%;height:130px;background: linear-gradient(to right,#a00000,#e0a000,#a0000);}

div#logo  {z-index:100;cursor:pointer;position:fixed;left:0px;width:100%;height:50px;font-family: 'Archivo Black', sans-serif;color: #ffffff; font-size: 1.6em;}
div#member {z-index:100;cursor:pointer;position:fixed;top:70px;left:0px;width:100%;height:50px;font-family: 'Archivo Black', sans-serif; font-size: 1em;}
div#bot  {height:500px;}

	.col1 {width:96%; float:left; padding:1em 2%}
	.col2{width:96%; float:left; padding:1em 1%}
	.col3{width:96%; float:left; padding:1em 2%}
	.col4{width:96%; float:left; padding:1em 2%}
	.col5{width:96%; float:left; padding:0 2%}
	.col6{width:96%; float:left; padding:0 2%}
	.col8{width:96%; float:left; padding:1em 2%}
	.col10{width:96%; float:left; padding:0 2%}
}
@media print, screen and (max-width:768px){
}
@media print, screen and (max-width:640px){
}
@media print, screen and (max-width:480px){
}
@media print, screen and (max-width:360px){
}