html{background: #f2f2f2 url('../images/bg2.png') repeat-x 0px 0px}
a.int,a.int:hover{color:#333}
#contenu h2{display:none}
body#id100 #centre{float:left;clear:both;width:100%;min-height:100px;background:#fafafa;border-radius:4px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.4)}
#centre:hover{background:#fff}
body#id100 #contenu{display:block;width:100%}
section#accueil{float:left;padding:15px 15px 15px 10px}
section#accueil p{font-size:16px;padding-bottom:10px}
section#accueil div.f24{font-size:24px;line-height:24px}
section#accueil div.f28{font-size:28px;line-height:28px;font-weight:bold}
section#accueil div.f48{font-size:48px;line-height:48px;font-weight:bold}
a.bouton{float:right}
#blocs{clear:both}
#blocs .blocs{display:block;float:left;width:24.25%;margin-left:1%;min-height:190px;overflow: hidden;background:#fafafa;border-radius:4px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.5)}
#blocs .blocs:hover{background:#fff;cursor:pointer}
#blocs #bloc81{margin-left:0}
#blocs .blocs .contenu_bloc{width:100%}
section.bloc{padding:10px 10px 10px 15px;font-size:12px}
section.bloc h3{font-size:20px;margin:0 0 5px;font-family: "Myriad Set Pro","Lucida Grande",Helvetica,Arial,Verdana,sans-serif}
section.bloc div.img{float:right;max-width:35%;margin-right:5px;margin-left:-5px}
#blocs .blocs section.bloc div.img img{width:100%;-webkit-transition: -webkit-transform 0.2s ease-in-out;/* Utilisé pour la transition sur chrome et safari */-moz-transition: -moz-transform 0.2s ease-in-out;/* Utilisé pour la transition sur Firefox */transition: transform 0.2s ease-in-out}
#blocs .blocs:hover section.bloc img{-webkit-transform: translate(-3px,-2px);-moz-transform: translate(-3px,-2px);-o-transform: translate(-3px,-2px);transform: translate(-3px,-2px)}
section.bloc p{clear:both;padding-bottom:10px}
section.bloc ul{display:block;float:left;max-width:65%;list-style-type:none;list-style-position:inside;padding-bottom:10px}
section.bloc ul li{float:left; clear:left; padding-left:12px}
section.bloc.bleu ul li{background:url("../images/bullet_blue.png") -2px top no-repeat}
section.bloc.rouge ul li{background:url("../images/bullet_red.png") -2px top no-repeat}
section.bloc.vert ul li{background:url("../images/bullet_green.png") -2px top no-repeat}
section.bloc.orange ul li{background:url("../images/bullet_orange.png") -2px top no-repeat}
section.bloc div.bouton{clear:both;float:right;display:block;height:24px;background:url("../images/bouton2_g.png") left top no-repeat;padding:0 0 0 10px;margin-bottom:10px}
section.bloc div.bouton span{display:block;height:24px;line-height:24px;font-size:14px;color:#fff!important;background:url("../images/bouton2_d.png") right top no-repeat;padding:0 15px 0 5px;text-shadow: 0px 0px 1px #444;font-family: "Myriad Set Pro","Lucida Grande",Helvetica,Arial,Verdana,sans-serif}
section.bloc.rouge div.bouton{background-image:url("../images/bouton2_gr.png")}
section.bloc.rouge div.bouton span{background-image:url("../images/bouton2_dr.png")}
section.bloc.vert div.bouton{background-image:url("../images/bouton2_gv.png")}
section.bloc.vert div.bouton span{background-image:url("../images/bouton2_dv.png")}
section.bloc.orange div.bouton{background-image:url("../images/bouton2_go.png")}
section.bloc.orange div.bouton span{background-image:url("../images/bouton2_do.png")}
#blocs .blocs:hover section.bloc div.bouton{background-position:left bottom}
#blocs .blocs:hover section.bloc div.bouton span{background-position:right bottom;text-shadow: 0px 0px 1px #000}
#blocs .blocs:hover section.bloc.bleu *{color:#04d}
#blocs .blocs:hover section.bloc.rouge *{color:#d00}
#blocs .blocs:hover section.bloc.vert *{color:#060}
#blocs .blocs:hover section.bloc.orange *{color:#e50}
@media (min-width:745px) and (max-width:1024px) {
	section#accueil p{font-size:14px}
	section#accueil div.f24{font-size:18px;line-height:18px}
	section#accueil div.f28{font-size:21px;line-height:21px}
	section#accueil div.f48{font-size:36px;line-height:36px}
	section.bloc h3{font-size:18px}
}
@media (max-width:800px) {
	section.bloc h3{font-size:16px}
}
@media (max-width:700px) {
	section.bloc h3{font-size:14px}
}
@media (max-width:744px) {
	section#accueil p{padding-left:10px}
}
@media (max-width:320px) {
	section#accueil p{font-size:12px}
	section#accueil div.f24{font-size:18px;line-height:18px}
	section#accueil div.f28{font-size:21px;line-height:21px}
	section#accueil div.f48{font-size:36px;line-height:36px}
}
@media (max-width:819px) {
	section.bloc ul{max-width:100%}
}