html{font-size:100%;}
  table,
  tbody,
  tr,
  td {display: block;width: auto!important; /* parceque tu as mis des style inline grrr */  }}
body{	font-size: 0;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	text-align: left;	background-color: #CCC;}/*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 blcs*/
ul{list-style-type:none;padding-left:0;}/*supprime les puces et les marges*/
li{list-style-type:none;padding-left:0;}/*supprime les puces et les marges*/
.container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	background-color: #FFF;
	float:left;
	height: auto;
	background-repeat: no-repeat;
}
/**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:1.00rem;}
img{max-width:100%; max-height:100%;}
/**boite**/
.row{width:100%;text-align: center;	background-color: #FFF;	float: left;	margin: 0px;	padding: 0px;}
.row_header {width:100%;}
.row_center {	width:79%;	margin-left: 10.5%;float:left;	}
.col_smenu,.col_ph,.col_text,.col1,.row_left,.col2,.col2_menu,.col3,.col4,.col4_theme,.col4_theme_ph,.col4_ph,.col4_photo,.col4_text,.col5,.col6,.col7,.col8,.col8_left,.col8_right,.col8_page,.col9,.col10,.col11,.col12,.col13,.col14, .col15,.col16,.row_right,.col16_ph,.col16_header,.col16_footer,.col16_header_menu,.col16_htexte{	position:relative;	vertical-align: top;float: left;	text-align: left;	margin: 1%;	padding:0;}
.col_smenu {
	width:21%;
	height:220px;
	background-color: #F0F0EE;
	text-align: center;
	padding: 1%;
}
.col_ph{
	width:98%;
	height: 200px;
	text-align: center;
}
.col_text{
	height: 20px;
	text-align: center;
	width: 98%;
}
.col1{	width: 4.25%;}
.col2{width:10.5%;}	
.col2_menu{width:10.5%;height:100px;	background-color: #03C;}
.col3,.row_left {width: 16.75%;background-color: #F66;
	height: 100px;}
.col4{
	width:23%;
	text-align: center;
	margin: 0px;
	padding-top: 2%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFF;
}
.col4_theme {	width:23%;	font-size: 1rem;	text-align: center;	font-weight: bold;	color: #000;	padding-bottom: 5%;	border-right-width: 1px;	border-right-style: dotted;	border-right-color: #666;}
.col4_ph{
	width:20%;
	margin-right:2%;
	margin-top: 1.5%;
	margin-bottom:2%;
	--moz-box-shadow: 3px 3px 3px 3px #cfcfcf;
	-webkit-box-shadow: 3px 3px 3px 3px #cfcfcf;
	-o-box-shadow: 3px 3px 3px 3px #cfcfcf;
	box-shadow: 3px 3px 3px 3px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=25);
	text-align: center;
	padding: 10px;
	height: 230px;
}
.col4_photo {
	width: 23%;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.col4_text {
	width: 90%;
	text-align: left;
	height: 30px;
}
.col4_theme_ph{
	width:26%;
	margin-right:1%;
	margin-top: 1.5%;
	margin-bottom:2%;
	--moz-box-shadow: 3px 3px 3px 3px #cfcfcf;
	-webkit-box-shadow: 3px 3px 3px 3px #cfcfcf;
	-o-box-shadow: 3px 3px 3px 3px #cfcfcf;
	box-shadow: 3px 3px 3px 3px #cfcfcf;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=25);
	text-align: center;
	padding: 10px;
	height: 320px;
	}
.col5 {width: 29.25%;}
.col6 {width:35.50%;background-color: #69C;}
.col7 {width: 41.75%;}
.col8 {	width:48%;	padding-top: 1%;}
.col8_left {
	padding: 1%;
	width: 44%;
	margin-right: 1%;
	margin-left: 2%;
	border: 1px solid #4F7BA9;
}
.col8_right{
	padding: 1%;
	width: 44%;
	margin-right: 2%;
	margin-left: 1%;
	border: 1px solid #4F7BA9;
}
.col8_page{75ù;}
.col9 {width: 54.25%;background-color: #669;}
.col10 {width: 60.50%;background-color: #F96;} 
.col11 {width:66.75%;}
.col12{
	width: 71%;
	padding-top: 1%;
}
.col13,.row_right {width: 79.25%;background-color: #3C0;height: 100px;}
.col14 {width: 85.5%;}
.col15 {width: 91.75%;background-color: #039;display:inline-block;}
.col16 {width:98%;}
.col16_ph {	width:90%;	height: auto;	margin: 3.5px;	padding-top: 0%;	padding-right: 5%;	padding-bottom: 0%;	padding-left: 5%;	}
.col16_header{
	width:100%;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	text-align: center;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}
.col16_htexte{
	width:100%;
	margin-top: 75px;
	font-size: 24px;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
}
.col16_footer{
	width:88%;
	padding-right: 5%;
	padding-left: 5%;
}/*ok*/
.col16_header_menu {
	width: 96%;
	margin-right: 2%;
	margin-left: 2%;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.ligne_haute,{border-top-width: 2px;	border-top-style: solid;	border-top-color: #CCC;}/*ok*/
.ligne_basse{border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #CCC;	margin: 0px;}/*ok*/
/**formulaire */
.text_input{width:80%; max-width : 300px;}
/**lien**/
a:link {text-decoration: none;	color: #0000FF;}
a:visited {	text-decoration: none;	color: #0033FF;}
a:hover {text-decoration:none;	color: #296FB7;}
a:active {text-decoration: none;	color: #296FB7;}
#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;
	margin: 0px;
	padding: 0px;
	float: left;
}
#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(../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 champs formulaire***/
.champs1, .champs2, .champs3, .champs4 {	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%;}
/***pour tableau ***/
.th1, .th2, .th3 {	border-top-width: 2px;	border-bottom-width: 2px;	border-top-style: solid;	border-bottom-style: solid;	border-top-color: #FF0000;	border-bottom-color: #FF0000;	text-align: center;}
.th1, .th2, .tc1, .tc2 {	border-right-width: 1px;	border-right-style: solid;	border-right-color: #FF0000;}
.tc1, .tc2, .tc3{	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #FF0000;	padding-right: 10px;	padding-left: 10px;	padding-top: 10px;	padding-bottom: 10px;}
.th1, .tc1{	border-left-width: 2px;	border-left-style: solid;	border-left-color: #FF0000;}
.th3, .tc3{	border-right-width: 2px;	border-right-style: solid;	border-right-color: #FF0000;}
.tb{	border-top-width: 1px;	border-right-width: 2px;	border-bottom-width: 2px;	border-left-width: 2px;	border-style: solid;	border-color: #FF0000;}
/***fin tableau**/
/***boutons***/
ul {	list-style-type: none;	margin: 0px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
/*****boutonswebm******/
.icone li {	width: 20px;	height: 30px;	display: inline-block;	background-image: url(boutons.png);	background-repeat: no-repeat;	margin-top: 10px;	margin-left: 8px;}
/***iconeb-ssa et sca***/
.iconeb li {	width: 20px;	height: 20px;	display: inline-block;	background-image: url(boutons.png);	background-repeat: no-repeat;	margin-left: 8px;	margin-right: 15px;	margin-top: 0px;}
/**saisie classique**/.iconeb-sa {	background-position: -100px -20px}
/**saisie classique**/.iconeb-sup {	background-position: -260px -20px}
/**maj classique**/.icone-ma {	background-position: -20px -16px}
/**fiche**/.icone-fa { background-position: -180px -18px }
/**suppression**/.icone-supa {	background-position: -260px -20px;	}
/**email**/.icone-maila { background-position: -22px -42px;}
/**valider**/.icone-v {	background-position: -20px -100px}
/**sens interdit**/.icone-in  {	background-position: -180px -140px}
/**Lien**/.icone-la {	background-position: -220px -100px;}
/**bouton**/.iconeb-ba {	background-position: -300px -100px;}
/**saisie simple**/.iconeb-ssa {	background-position: -100px -140px;}
/**maj simple**/.icone-msa {	background-position: -20px -140px}
/**maj complète**/.icone-mca {	background-position: -20px -180px}
/**saisie complète**/.iconeb-sca {	background-position: -100px -180px}
/****pour l'animation*****/
/**saisie classique**/.iconeb-sa:hover {	background-position: -140px -20px}
/**saisie classique**/.iconeb-sup:hover {	background-position: -300px -16px}
/**maj classique**/.icone-ma:hover {	background-position: -60px -16px}
/**fiche**/.icone-fa:hover {	background-position: -220px -18px;}
/**suppression**/.icone-supa:hover {	background-position: -300px -16px;}
/**email**/.icone-maila:hover { background-position: -60px -42px;}
/**Lien**/.icone-la:hover {	background-position: -260px -98px;}
/**bouton**/.iconeb-ba:hover {	background-position: -340px -100px;}
/**saisie simple**/.iconeb-ssa:hover {	background-position: -140px -140px}
/**maj simple**/.icone-msa:hover {	background-position: -60px -140px}
/**maj complète**/.icone-mca:hover {	background-position: -60px -180px}
/**saisie complète**/.iconeb-sca:hover {	background-position: -140px -180px}

@media screen and (max-width: 1024px){	}

@media screen and (max-width: 768px){	

}
@media screen and (max-width: 320px){

}