html{font-size:100%;}
body{ font-size: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; text-align: left; background-color: #066;}/*il faut mettre font-size à 0 pour ne pas avoir de marge avec display inline_block, ne pas oublier d'ajouter des polices pour les blocs*/
ul { list-style-type: disc !important; margin-left: 25px; padding-left: 20px;}
ol { list-style-type: decimal !important; margin-left: 25px; padding-left: 20px;}
li { display: list-item; margin-bottom: 6px;}
img{max-width:100%; height:auto; }
.container{ width: 100%; height: auto; max-width:1600px; margin: auto;position:relative;}/*ok*/
/**POLICE**/
h1,h2,h3,h4,h5,h6 { font-family: "Times New Roman", Times, serif; font-style: normal;margin:0px; }
h1{font-size: 2.25rem;}/*36px*/
h2{font-size: 1.5rem;}/*24px*/
h3{font-size: 1.375rem;}/*22px*/
h4{font-size: 1.25rem;}/*20px*/
h5{font-size: 1rem;}/*16px*/
h6{font-size: 0.875rem;}/*14px*/
.police16{font-size:16px;}/**ok**/
.couleur_rouge{ color: #F06;}
.couleur_verte{ background-color: #0C0;}
.police_verte{ font-weight: bold; color: #060;}
/***utilisé***/
.col4_menu{position:relative; vertical-align:top;height: auto;float: left;margin: 0; padding:0; background-color:#FFF;}
.col4_menu{ height: auto; width:40%; text-align: center; box-shadow:4px 4px 5px 0 rgba(0,0,205,0.25); border: 1px solid #000; background-color: #F9E492; background-image: url(../../w_style_css/fond_menu_haut.gif); background-repeat: no-repeat; background-position: center top; padding-top: 20%; padding-bottom: 5%;
}
/**boite**/
.col1,.col2,.col4,.col4_left,.col4_center,.col4_right,.col6_connection,.col6_header_footer,.col6_left,.col6_right,.col6_ctre,.col8_ctre,.col8_ctre_formulaire,.col10_blanc,.col11_saisie,.col12_ctre,.col14_ctre,.col14,.col16_ctre,.col16_header_footer{position:relative; vertical-align:top;height: auto;float: left;margin: 0; padding:0; background-color:#FFF;}
.row{ width:100%; float: left;background-color: #CCC;margin:auto;}
.col1{width: 4.25%;background-color: #FFF}
.col2{width: 10.50%;}
.col6_connection; .col16_header_footer{position:relative; vertical-align:top;height: auto;float: left;text-align: left;margin: 1%; padding:0;}
.col6_connection{ width:32%; margin-right:34%; margin-left: 34%; background-color: #FFF; margin-top: 1%; margin-bottom: 1%; padding:2%;}
.col4{height: auto; width: 25%;}
.col4_left{ height: auto; width: 25%; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #999; border-left-color: #999; margin: 0px;}
.col4_center{height: auto; width: 25%; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #999; border-right-color: #999; border-left-color: #999; margin: 0px;}
.col4_right{height: auto; width: 25%; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #999; border-right-color: #999; margin: 0px;}
.col6_left,.col6_right,.col6_ctre{ width: 28%; margin-top: 10px; margin-right: 1%; margin-bottom: 10px; margin-left: 2%; padding-top: 10px; padding-right: 1%; padding-bottom: 10px; padding-left: 1%; background-color: #FFF;}
.col8_ctre{width:40%;padding: 2%;}
.col8_ctre_formulaire{width:48%;padding: 2%;margin-left: 23%; margin-right: auto;background-color:#FFF;}
.col10_blanc{width:58.50%;background-color: #FFF;padding: 2%;}}
.col11_saisie{ width:80%; margin-right: 10%; Margin-left: 10%;background:-color: #CCC; text-align: center; height: auto;}
.col12_ctre{ width: 69%; height:auto; padding: 2%; margin-left: 15%; margin-right: auto;}
.col14_ctre{ width: 79%; height:auto; padding: 2%; margin-left: 10%; margin-right: auto;}
.col14{width: 81.5%;background-color: #FFF; padding: 2%; display: flex, justify-content: center, et align-items: center.}
.col16_ctre{ width: 96%; padding: 2%; margin:auto;}
.col16_ctre_marge{ width: 50%; background-color: #FFF; padding: 2%; margin-top: auto; margin-right: 25%; margin-bottom: auto; margin-left: 25%;}
.col16_header_footer { width :98%; padding-top: 1%; padding-bottom: 1%; background-color: #CCC;}
a:link {text-decoration: none; color: #3300FF;}
a:visited { text-decoration: none;color:#3366FF;}
a:hover {text-decoration:none;color: #FF6600;}
a:active { text-decoration: none; color: #FF3366;}
#lien_sidebarg a:link {font-size: 16px;text-decoration: none; color: #69C4D0;}
#lien_sidebarg a:visited { font-size:16px;text-decoration: none; color:#69C4D0;}
#lien_sidebarg a:hover {font-size:16px;text-decoration:none; color: #0033FF;}
#lien_sidebarg a:active {font-size:16px;text-decoration: none; color: #FF0000;}
/**lien**/
#lien_footer a:link {font-size: 12px; text-decoration: underline; color: #333;}
#lien_footer a:visited {font-size:12px;text-decoration: none; color: #333;}
#lien_footer a:hover {font-size:12px; text-decoration:none; color: #0033FF;}
#lien_footer a:active {font-size:12px;text-decoration: none; color: #FF0000;}
/**lien**/
#lien_media a:link {text-decoration: none; color: #FFF;}
#lien_media a:visited { text-decoration: none;color: #FFF;}
#lien_media a:hover {text-decoration:none; color: #0033FF;}
#lien_media a:active {text-decoration: none; color: #FF0000;}
.bouton_imp { background-image: url(file:///C|/wamp64/www/w_modele/print.png); background-size:100% 100%; height: 3%; width: 3%; background-repeat: no-repeat; cursor:pointer; background-position: center center; background-color: #FFF; border: 0px none #FFF;}
/**pour la vidéo**/
embed, iframe, object{max-width: 100%;}
/***pour tableau ***/
.th1, .th2, .th3 { text-align: center; }
.tc1, .tc2, .tc3,.tc4{ padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; border-top-color: #69C4D0;}
.tc1{border-left-width: 1px; border-left-style: solid; border-left-color: #69C4D0;}
.tc2{ border-left-width: 1px; border-left-style: solid;border-left-color: #69C4D0;}
.tc3{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #69C4D0; border-left-color: #69C4D0;}
.tc4{ border-left-width: 1px; border-top-width: 1px; border-left-style: solid; border-top-style: solid; border-left-color: #69C4D0; border-top-color: #69C4D0;}
.tb1, .tb2, .tb3,.tb4{ padding-right: 10px; padding-left: 10px; padding-top: 5px;padding-bottom: 5px;border-top-width: 1px; border-top-style: solid;border-top-color: #69C4D0;border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #69C4D0;}
.tb1{border-left-width: 1px; border-left-style: solid; border-left-color: #69C4D0;}
.tb2{ border-left-width: 1px; border-left-style: solid;border-left-color: #69C4D0;}
.tb3{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #69C4D0; border-left-color: #69C4D0;}
.tb4{ border-left-width: 1px; border-top-width: 1px; border-left-style: solid; border-top-style: solid; border-left-color: #69C4D0; border-top-color: #69C4D0;}
.tb{ border-top-width: 1px; border-top-style: solid; border-top-color: #69C4D0;}
/***fin tableau**/
/***pour champs formulaire***/
.champs1, .champs2, .champs3, .champs4 .champs5{ font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#000; background-color: #FFF; margin-top: 5px; margin-bottom: 5px; border: 1px solid #69C4D0;}
.champs1, .champs2, .champs3,{height: 25px;}
.champs1 {width:90%;}
.champs2 {width:90%;}
.champs3 {width:85%;}
.champs4 {height: 120px;width:90%;}
.champs5 {width:50%; height:40px;}
/* DESKTOP : 800px et + */
@media (min-width: 800px)and (max-width: 999px) {
/**boite**/
.col1,.col2,.col4,.col4_left,.col4_center,.col4_right,.col6_connection,.col6_header_footer,.col6_left,.col6_right,.col6_ctre,.col8_ctre,.col8_ctre_formulaire,.col10_blanc,.col11_saisie,.col12_ctre,.col14_ctre,.col14,.col16_ctre,.col16_header_footer{position:relative; vertical-align:top;height: auto;float: left;margin: 0; padding:0; background-color:#FFF;}
.col8_ctre{width:96%;padding: 2%;}
.col8_ctre_formulaire{width:96%;padding: 2%; auto;background-color:#FFF;}
.col10_blanc{width:96%;background-color: #FFF;padding: 2%;}}
.col11_saisie{ width:96%; margin-right: 2%; Margin-left: 2%;background:-color: #CCC; text-align: center; height: auto;}
.col12_ctre{ width: 92%; height:auto; padding: 2%; margin-left: 2%; margin-right: 2%;}
.col14_ctre{ width: 96%; height:auto; padding: 2%; margin-left: 2%; margin-right: 2%}
.col14{width: 96%;background-color: #FFF; padding: 2%; display: flex, justify-content: center, et align-items: center.}
.col16_ctre{ width: 96%; padding: 2%; margin:auto;}
.col16_ctre_marge{ width: 50%; background-color: #FFF; padding: 2%; margin-top: auto; margin-right: 25%; margin-bottom: auto; margin-left: 25%;}
.col16_header_footer { width :98%; padding-top: 1%; padding-bottom: 1%; background-color: #CCC;}
}