html{font-size:100%;}
body{	font-size: 100%;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	color: #000000;	text-align: left;	background-color: #FFF;}/*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:none;margin-left:0;padding-left:0;}/*supprime les puces*/
li {list-style-type:none;
margin-left:0;
padding-left:0;}/*supprime les puces*/
/**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**/
.police12{font-size: 0.75rem}
.police10{font-size: 0.625rem}
.couleur_rouge{	color: #F06;}
.couleur_blanche{
	color: #FFF;
}
/***hippdrome landivisiau***/
.col2_menu_left,.col2_ph_ca,.col2_phototheque,.col2_phototheque_clip,.col2_phototheque_ph1,.col2_phototheque_ph2,.col2_logo,.col3,.col3_partenaire2,.col3_partenaire,.col3_profe,.col3_prof_ph,.col3_calendrier,.col3_calendrier_liste,.col3_part,.col3_enfant,.col3_tarif,.col3_accesph,.col3_logo_partenaire,.col4_menu_rest,.col4_menu,.col4_ph_infra,.col4_actu_photo,.col4_discipline,.col4_dessin,.col5_engage,.col5_engage_ligne,.col5_parieur,.col6_tarif,.col6_acces,.col6_accesb,.col6_ca,.col6_ca_com,.col6_ca_ph,.col6_ca_phliste,.col6_restaurant,.col6_restaurantb,.col6_actualite,.col6_actualitedetail,.col6_actualite_liste,.col6_phototheque,.col7_president,.col7_presentation_left,.col7_presentation_right,.col12_titre_infra,.col14,.col14_presentation,.col14_prof,.col14_info_pratique,.col14_actualite,.col14_renseig_tech,.col14_bureau,.col14_phototheque,.col16,.col16_ph_index,.col16_indexdate,.col16_indexrest,.col16_header,.col16_footer,.col16_footer_index,.col16_actu,.col4_actu_photo,.col12_actu_texte{width:100%;float: left;}
/***détail des classes***/
.container{	width: 96%;	height: auto;	background-color: #FFF;display: flex, justify-content: center, et align-items: center;	margin-top: auto;margin-bottom: auto;margin-left: 2%; }
/**ok**/
.col2_menu_left{;	width :14%;	height: auto;	text-align: left;	padding-top: 1%;	padding-bottom: 1%;	padding-right: 1%;	padding-left:1%;	background: rgb(2,0,36);
	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,80,27,0.8099614845938375) 0%, rgba(14,130,90,0.8799894957983193) 65%);	box-shadow:5px 5px 5px 0 rgba(0,0,0,0.5);}/**ok**/
.col2_logo{width:10%; height:100px; margin-left:2%; margin-bottom:10px;}/**ok**/
.col2_ph_ca{height: auto;width:20%;	margin-top: 1%;	margin-bottom: 2%;	margin-right: 3%;	text-align: center;	box-shadow:5px 5px 5px 0 rgba(0,0,0,0.5);padding:1%;}/**ok**/
.col2_phototheque {height:280px;	width:25%;	text-align: center;	box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);	border: 1px solid #000;	padding:2%;	margin: 2%;}/**ok**/
.col2_phototheque_ph1 {height:300px;	width:25%;	text-align: center;	box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);	border: 1px solid #000;	padding:2%;	margin: 2%;}/**ok**/
.col2_phototheque_ph2 {	height:280px;	width:100%;	text-align: center;}/**ok*/
.col3{width:19%;margin-left:3%;}/**ok**/
.col3_profe{width:29%;height:400px;margin-top: 1%;	margin-bottom: 2%;	margin-right: 3%;text-align: center;box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);#F99text-align: left;	margin:1%;padding:1%;}/**ok*/
.col3_prof_ph{width:96%;text-align: center; margin:1%; padding:1%;}/**ok**/
.col3_tarif,.col3_part,.col3_calendrier_liste{width :92%;	height: auto;margin-left:2%;text-align: left;	margin-bottom: 5%; padding-top: 2%;	padding-right: 2%;	padding-bottom: 3%;	padding-left:6%;background-color: #F93;}/**a supprimer**/
.col3_calendrier {width :92%;	height: auto;text-align: left;	margin-bottom: 5%; padding-top: 2%;	padding-right: 2%;	padding-bottom: 3%;	padding-left:6%;background-color: #F93;}/**ok**/
.col3_logo_partenaire{	width:15%;	height:150px;	margin-left:2%;	padding-top:1%;	padding-bottom:1%;	padding-right:1%;	padding-left:1%;	margin-bottom:1%;	display:block;	text-align: center;	font-family: Arial, Helvetica, sans-serif;	font-size: 0.75rem;	}/**ok**/
.col4_ph_infra{width:auto; height:150px;margin-left: 3%;margin-right :3%;margin-bottom:2%;}
.col4_menu{	height: auto;	width:25%;	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(../a_ancien%2026102025b/www/hippodrome_style_css/fond_menu_haut.gif);	background-repeat: no-repeat;	background-position: center top;	margin-left:2.5%;	padding-top: 8%;	padding-bottom: 5%;	padding-right: 1%;	padding-left: 1%;}/**ok**/
.col4_actu_photo{width :20%;	padding-right: 1%;	padding-bottom: 1%;	padding-left:1%;	margin:1.5%;}/**ok**/
.col4_dessin{width :25%;	height: auto;	padding-right: 3%;	padding-bottom: 1%;	padding-left:2%;	margin:1.5%;}/**ok**/
.col5_engage {width:22%;	height:auto; margin-bottom: 1%;	margin-left: 2%;	padding-top: 0.5%;	padding-right: 2.5%;	padding-bottom: 2%;	padding-left: 2.5%;	}/**ok**/
.col5_engage_ligne{	width:100%;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #000;	margin-top: 1.5%;	margin-bottom: 1.5%;}/**ok**/
.col5_parieur{	width:28%;	height:auto;	padding-left:2%;	}/**ok**/
.col6_acces{width:35%; margin-left:3%;}
.col6_accesb{width:50%; margin-left:5%;}
.col6_ca{width:28%;	margin-left:2%;padding:2%;text-align: left;}/**ok**/
.col6_ca_ph{width:30%;	margin-left:2%;}/**ok**/
.col6_ca_phliste{width:70%;	height:auto;padding-left: 15%;padding-right: 15%;padding-top:5%;padding-bottom:5%;}/**ok**/
.col6_restaurant {width:30%;padding:1%;text-align: left;}/**ok**/
.col6_restaurantb {width:40%;padding:1%;text-align: left;}/**ok**/
/**pour la page actualité avec photothèque**/
.col6_actualite{width:30%;padding:1.5%;text-align: left;}/**ok**/
.col6_actualite_liste{	width:97%;	padding:1.5%;	text-align: left;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #000;}/**ok**/
.col6_phototheque{width:65.5%;margin-left:1.5%;text-align: left;}/**ok**/
.col6_actualitedetail{	width:97%;	padding:1.5%;	text-align: left;}/** ok**/
.col6_tarif{width:35.50%;margin-left:2.5%;padding:1.5%;	}/**ok**/
.col7_president{width :50%;	height: auto;	text-align: left;margin-left:1%;	padding-top: 1%;padding-right: 2%;padding-bottom: 1%;	padding-left:2%;}/**ok**/
.col7_presentation_left{width :40%;	height: auto;	text-align: left;margin-left:2%;	padding-top: 1%;padding-right: 3%;padding-bottom: 1%;	padding-left:3%;}/**ok**/
.col7_presentation_right{width :43%;	height: auto;	text-align: left;margin-left:2%;	padding-top: 1%;padding-right: 3%;padding-bottom: 1%;	padding-left:3%;}/**ok**/
.col14,.col14_presentation{width:81%;height:auto;margin-left:2%;}/**ok**//**a utiliser pour l'ensemble des pages**/
.col14_presentation{height:220px;
	
}/**ok**//**a utiliser pour l'ensemble des pages**/
.col16{
	width :100%;
	height: auto;
	text-align: center;
	padding-bottom: 1%;

}/**ok**/
.col16_footer{	width:90%;	height:auto;	margin-top:1%;	margin-left:5%;}
.col16_actu{
	width:92%;
	padding-top:2%;
	padding-right: 2%;
	padding-left:2%;
	margin-left:2%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.col4_actu_photo{width:20%;
margin-top: -1%;}
.col12_actu_texte{
	width:70%;
	text-align: left;}
.col16_footer_index{	width:60%;	margin-left:20%;	margin-right:20%;	margin-top:1%;	}
.col16_ph_index{width:100%;	height:auto;	display:block;	text-align: center;}
.col16_indexdate{width:50%;	height:auto;	margin-left:18%;	margin-top: 0.5%;	margin-bottom:0.5%;	font-family: Arial, Helvetica, sans-serif;	font-weight: bolder;	text-align: left;	text-shadow: 1px 1px 2px green, 0 0 1em white;}/**oui**/
.col16_indexrest{	width:100%;	height:auto;	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bolder;	text-align: center;	color: #000000;}/**oui**/
.col16_header{width :100%;	height: auto;text-align: center;padding-bottom: 1%;}
/***boutons***/
ul {list-style-type: none;	margin: 0px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
/**lien**/
a:link {text-decoration: none;	color: #333333;}a:visited {
	text-decoration: none;	color: #336600;}
a:hover {text-decoration:none;	color: #336600;}/**ok**/
a:active { text-decoration: none;	color: #336600;}
.al li:link {text-decoration: none;	color: #333333;}
.av li:visited {	text-decoration: none;	color: #336600;}
.ah li:hover {text-decoration:none;	color: #336600;}/**ok**/
.aa li:active {	text-decoration: none;	color: #003399;}
a.entre{
	text-decoration: none;
	color: #66FF66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	font-style: italic;
}
a.entre:link {
	text-decoration: none;
	color: #66FF66;
}
a.entre:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.entre:hover {
	text-decoration:none;
	color: #FFFFFF;
}/**ok**/
a.entre:active {
	text-decoration: none;
	color: #FFFFFF;
}
/*****boutonswebm******/
.icone li {	width: 20px;	height: 30px;	display: inline-block;	background-image: url(../a_ancien%2026102025b/www/hippodrome_style_css/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(../a_ancien%2026102025b/www/hippodrome_style_css/boutons.png);	background-repeat: no-repeat;	margin-left: 8px;	margin-right: 15px;	margin-top: 0px;}
/**bouton**/.iconeb-ba {	background-position: -300px -100px;}
/**bouton**/.iconeb-ba:hover {	background-position: -340px -100px;}
/***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;}
.col3_prof{	width:90%;height:auto;	margin-top: 1%;	margin-bottom: 4%;	margin-right: 3%;	text-align: center;	box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);	#F99;	text-align: left;	margin:1%; }
/***fin tableau**/
.col3_accesph{	width:31%;	margin: 1.1%;}/**a suupprimer**/
/**Tablet landscape <= 1024px**/
@media screen and (max-width: 1024px){
}
/**Tablet <= 768px**/
@media screen and (max-width: 768px){
}
/**inférieur à481**/
@media screen and (max-width: 481px){
.col16_indexdate{width:100%;	height:auto;	margin-left:1%;	margin-top: 0.5%;	margin-bottom:0.5%;	font-family: Arial, Helvetica, sans-serif;	font-weight: bolder;	text-align: left;	text-shadow: 1px 1px 2px green, 0 0 1em white;}
.col16_indexrest{	width:100%;	height:auto;margin-bottom:1%;margin-top:1%;	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bolder;	text-align: center;	color: #000000;}.col2_menu_left{;	width :90%;	height: auto;	text-align: left;	padding-top: 1%;	padding-bottom: 1%;	padding-right: 1%;	padding-left:1%;	background: rgb(2,0,36);background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,80,27,0.8099614845938375) 0%, rgba(14,130,90,0.8799894957983193) 65%);	box-shadow:5px 5px 5px 0 rgba(0,0,0,0.5);}
.col7_president{width :90%;	height: auto;	text-align: left;margin-left:1%;	padding-top: 1%;padding-right: 2%;padding-bottom: 1%;	padding-left:2%;}
.col3{width:93%;margin-top:4%;}
.col2_logo{width:15%; height:auto; margin-left:2%;}
.col6_actualite{width:90%;padding:1.5%;text-align: left;}
.col6_phototheque{width:90%;text-align: left;margin-left:2%;}
.col2_phototheque {height:auto;	width:95%;	text-align: center;	box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);	border: 1px solid #000;	padding:2%;	margin: 3%;}
.col14{width:98%;height:auto;margin-left:2%;margin-top:3%;}
.col6_ca{width:90%;	margin-left:2%;padding:2%;text-align: left;}
.col6_ca_ph{width:90%;	margin-left:2%;}
.col5_engage {width:90%;	height:auto; margin-bottom: 1%;	margin-left: 2%;	padding-top: 2%;	padding-right: 2.5%;	padding-bottom: 2%;	padding-left: 2.5%;	}
.col5_parieur{	width:90%;	height:auto;	padding-left:2%;	}
.col6_restaurant {width:98%;text-align: left; margin-top:3%;}
.col6_restaurantb {width:98%;text-align: left; margin-top:3%;}
.col4_menu{	height: auto;	width:90%;	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(../a_ancien%2026102025b/www/hippodrome_style_css/fond_menu_haut.gif);	background-repeat: no-repeat;	background-position: center top;	margin-left:2.5%;	padding-top: 8%;	padding-bottom: 5%;	padding-right: 1%;	padding-left: 1%;}
.col6_acces{width:95%;margin-top:3%; }
.col6_accesb{width:95%;margin-top:3%;}
.col2_phototheque_ph1 {height:auto;	width:90%;	text-align: center;	box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);	border: 1px solid #000;	padding:2%;	margin: 2%;}
.col2_phototheque_ph2 {	height:auto;	width:100%;	text-align: center;}
.col4_ph_infra{width:18%; height:auto;margin-bottom:2%;}
.col7_presentation_left{width :90%;	height: auto;	text-align: left;margin-left:2%;	padding-top: 1%;padding-right: 3%;padding-bottom: 1%;	padding-left:3%;}/**ok**/
.col7_presentation_right{width :90%;	height: auto;	text-align: left;margin-left:2%;	padding-top: 1%;padding-right: 3%;padding-bottom: 1%;	padding-left:3%;}/**ok**/
.col4_dessin{width :90%;	height: auto;	padding-bottom: 2%;	}
.col3_profe{	width:90%;height:auto;	margin-top: 1%;	margin-bottom: 5%;	margin-right: 3%;	text-align: center;	box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);	#F99;	text-align: left;	 }
.col16_footer{	width:85%;	margin-left:5%;}
.col16_footer_index{	width:85%;	margin-left:5%;}
@media screen{/**asupprimer**/
.col2_phototheque_clip {height:200px;	-webkit-clip-path: inset(5% 10% 15% 10%);	clip-path: inset(15% 10% 15% 10%);}/**asupprimer**/
.col14_prof{	width:82%;margin-left:2%;}/**a supprimer**/
.col14_info_pratique,.col14_actualite{	width:81%;	margin-left:2%;}/**a supprimer**/
.col14_bureau{	width:80%;margin-left:2%;	}/**a supprimer**/
.col14_renseig_tech{	width:80%;margin-left:2%;}/**a supprimer**/
.col14_phototheque{	width:76%;margin-left:4%;	}/**a supprimer**/

.col6_ca_com{margin-left:2%; }
.col6_caa,.col6_ca_com{width:28%;	padding:2%;	text-align: left;}/**àsupprimer**//**à supprimer**/
.col12_titre_infra{	width:80%;	height:auto;	margin-top: 1%;	margin-left:2%;	text-align: center;	}/**a supprimer**/
.col3_partenaire{	word-wrap: break-word;	width:25%;	height:260px;	margin-top: 1%;	margin-bottom: 2%;	padding-left:3%;	padding-top: 2%;	padding-right:3%;	text-align: center;	box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);	text-align: left;margin:1%;	background-color: #EFEDED;}/**a supprimer*//
.col3_partenaire2{	width:29%;	height:auto;	margin-top: 1%;	margin-bottom: 2%;	margin-right: 3%;	text-align: center;	box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);border: 1px solid #000;	text-align: center;	margin:1%;	padding:1%;}/**a supprimer**/
.col4_menu_rest{height: auto;	width:17%;	margin-left:2%;text-align: center;	box-shadow:4px 4px 5px 0 rgba(0,0,205,0.25);	border: 1px solid #000;	background-color: #F9E492;	background-image: }/**a supprimer**/}