@charset "utf-8";
html {  font-size: 100%;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;color:#999999;border-color:#666666;background-color:white;font-size:12px;}
#scrollToTop a{z-index: 2000; background:url(../objets/top.png) no-repeat;bottom: 0px;position: fixed;right: 0px;width: 50px;height: 45px; text-decoration: none;}
a{-webkit-transition:0.7s;-moz-transition:0.7s;-o-transition:0.7s;-ms-transition:0.7s;transition:0.7s;}	
a:hover{-webkit-transition:0.7s;-moz-transition:0.7s;-o-transition:0.7s;-ms-transition:0.7s;transition:0.7s;}
div.intr{width:100%; text-align:center; border-bottom:1px solid #999}
li.taillefont{font-size:16px;}
.taille1{ font-size:3em;color:black}
.taille2{font-size:0.4em; text-transform:uppercase}
p{margin:5px 0 5px 0;padding:0}
a.linktitre{color:black;text-decoration:none}
.entree{width:43px;height:40px;position:relative;bottom:10%;left:390px;z-index:3;background-color:red;text-align:center;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px; padding:10px; margin-top:-250px}
.onglet{float:left;height:20px;display:block;z-index:4;bottom:0;width:100px;overflow:hidden;padding:0;margin:0 0 0 60px;text-align:left;}
a.texte-intro{position:absolute;line-height:1.3em;float:left;display:block;bottom:0;width:100px;z-index:5;text-align:center;height:18px;padding:0 5px 0px 5px;text-decoration:none;color:#666666}
#pied_intro{width:800px;display:block;height:auto;margin:auto;margin-top:0;border-top:1px solid #666666;border-bottom:0px;text-align:left;position:relative; text-align:center; padding-top:5px}
#fond{position:absolute;width:100%;height:100%;min-height:700px;max-height:950px;}
#entete{width:800px;display:block;margin:auto;min-height:160px;height:19%;text-align:center;position:relative;z-index:5}
#corps{width:900px;overflow:hidden;position:relative;min-height:490px;height:71%;margin:auto;margin-top:0;margin-bottom:0;text-align:left;}
#patch{width:800px;margin:2px auto;text-align:center;text-decoration:none;font-size:11px;}
.patch{color:#333333;text-decoration:none;}
.patch:hover{color:red;}
.logo{margin-top:1%}
h1,h2,h3{border:1px dotted #ccc; cursor:pointer; padding:5px; color:black; margin:auto auto 10px auto; font-weight:bold;
background-image:url(../objets/plus.png); background-position:center right; background-repeat:no-repeat; background-size:auto 100%}
h1:hover,h2:hover,h3:hover{background-color:#F1EFEF}
h2,h3{padding-top:8px; padding-bottom:8px}
.classique{border:0; background-image:none; padding: auto auto auto 0}
h1{font-size:18px;}
h2{font-size:14px;}
.noir{color:#000000;font-weight:bold;}
.zoom{text-decoration:none;color:white;font-size:2.8em;line-height:0.5em;}
.zoom:hover{color:black}
li{list-style-image:none;display:inline}
#main-menu{font-size:12px;text-transform:uppercase;margin:5px 0 5px 0;}
ul{margin:0;padding:0}
.bl{color:white;font-size:0.4em;white-space:nowrap}
.tab{color:#e2e2e2;height:100%; width:800px;  text-align:center; margin:auto}
.size65{font-size:6em;white-space:nowrap;line-height:0.5em}
.size105{font-size:10em;white-space:nowrap;line-height:0.5em}
.size124{font-size:12em;white-space:nowrap;line-height:0.4em}
.size55{font-size:5em;white-space:nowrap;line-height:0.5em}
.size75{font-size:7em;white-space:nowrap;line-height:0.5em}
.size93{font-size:9em;white-space:nowrap;line-height:0.3em}
.size45{font-size:4em;white-space:nowrap;line-height:0.5em}
.size055{font-size:0.5em;white-space:nowrap;line-height:0.5em}
.size25{font-size:2em;white-space:nowrap;line-height:0.5em}
.size00{color:#000;font-size:15em;white-space:nowrap;line-height:0em}
.black{color:black}
.fondtexte{position:relative;width:100%;  margin-top:40px; padding-bottom:40px }
.corpstexte{position:relative;margin:auto;width:830px;color:#666666; padding-left:15px; background-color: }
#actualiteweb2{position:absolute;width:650px;padding:25px;min-height:200px;top:5%;left:20%;border:2px solid red;z-index:20;text-align:left;background-color:#FFFFFF;display:none;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;opacity:0.95;}
.twit{float:left;margin:0 0 0 10px;border-left:4px dotted red;border-top:4px dotted red;padding:4px 0 0 10px}
.facebA{float:left;}
a.fermer{color:red;cursor:pointer}
#elementsFixes{position:fixed;top:35%;left:0;height:100px;}
#elementsFixes > ul{padding:0;margin:0;}
#elementsFixes > ul > li{list-style:none;display:block;margin-bottom:5px;background:red;min-height:35px;padding:5px;color:#ffffff;-moz-border-radius:0 18px 18px 0;border-radius:0 18px 18px 0;margin-left:-95px;-webkit-transition:all 150ms ease-in-out 100ms;-moz-transition:all 150ms ease-in-out 100ms;transition:all 150ms ease-in-out 100ms;width:120px;cursor:pointer}
#elementsFixes >ul > li > div{display:inline-block;vertical-align:middle;width:90px;}
#elementsFixes > ul > #elementFixeTwitter:hover,
#elementsFixes > ul > #elementFixeFacebook:hover,
#elementsFixes > ul > #elementFixeGoogle:hover,
#elementsFixes > ul > #elementFixeBlog:hover,
#elementsFixes > ul > li:hover{margin-left:0;}
#elementsFixes > ul > li > div > a,
#elementsFixes > ul > li > div > a:visited{color:#ffffff;text-decoration:none;}
#elementsFixes > ul > li > div > a:hover{text-decoration:underline;}
#elementsFixes > ul > #elementFixeTwitter{margin-left:-140px;width:170px;}
#elementsFixes > ul > #elementFixeTwitter > div{width:140px;}
#elementsFixes > ul > #elementFixeFacebook{margin-left:-165px;width:195px;}
#elementsFixes > ul > #elementFixeFacebook > div{width:165px;}
#elementsFixes > ul > #elementFixeGoogle{margin-left:-75px;width:105px;}
#elementsFixes > ul > #elementFixeGoogle > div{width:75px;}
#elementsFixes > ul > #elementFixe18 > div{width:92px;}
#elementsFixes > ul > #elementFixeBlog{margin-left:-90px;width:120px;}
#elementsFixes > ul > #elementFixeBlog > div{width:90px;}
.info{line-height:0.9em;font-size:0.9em}
.info2{line-height:0.9em;font-size:0.9em}
[class^="picto"]{display:inline-block;background:transparent url("../objets/pictos.png") no-repeat;vertical-align:middle;}
.picto20x20_LogoGoogle{width:20px;height:20px;background-position:0 -25px;}
.picto20x20_LogoFacebook{width:20px;height:20px;background-position:-20px -25px;}
.picto20x20_LogoTwitter{width:20px;height:20px;background-position:-40px -25px;}
.picto20x20_LogoTop{width:20px;height:20px;background-position:-60px -25px;}
.picto20x20_18ans{width:25px;height:20px;right:-3px;background:none;font-size:1.2em;color:white;font-weight:bold}
img.pictoblog{height:25px; margin-right:-10px}
.richs{color:black; font-weight:bold; font-size:1.1em; text-decoration:none}
.divrichs{display:inline}
a.liblack{color:black;}
.spblock{display:inline-block}
.fermer{height:0; overflow:auto; -webkit-transition:1s; 	-moz-transition:1s;	-o-transition:1s;	-ms-transition:1s;	transition:1s;}
.ouvert{height:auto; margin-bottom:20px; overflow:inherit; -webkit-transition:1s; 	-moz-transition:1s;	-o-transition:1s;	-ms-transition:1s;	transition:1s;}
#t1,#t2,#t3,#t4,#t5 p{text-align:justify}
a.lien_externe{color:black}
a.lien_externe:hover{color:red}
.fermeture{border:1px dotted black; display:inline-block; margin:15px auto 10px auto; color:black; cursor:pointer; padding:5px 10px 5px 10px}
.fermeture:hover{ border-color:red; color:red}
.facbookf{border:none; margin-left:0; overflow:hidden; width:85px; height:21px;}
img.infoic{height:24px; margin-left:6px}
#noscript{text-align:center; font-weight:bold; margin:30px; color:red}
/*** TABLETTE ***/
@media screen and (max-width: 790px){
#entete{width:95%;}
#corps{width:95%; min-height:550px;height:74%;}
.onglet{width:20%;margin:0 0 0 0;}
a.texte-intro{width:22%;}
.fondtexte{width:95%; }
.corpstexte{width:95%; font-size:14px}
#pied_intro{width:95%;}
#patch{width:95%;}
.entree{position:relative;left:auto;  margin-top:-250px; margin-left:auto; margin-right:auto}
a.lien_externe{font-size:1.1em; margin-top:10px; display:inline-block; text-decoration:none}
.tab{width:100%}
}

@media screen and (max-width: 550px){
#elementsFixes{display:none}
#main-menu{display:none}
div.intr{padding-bottom:5px; border-bottom:1px solid #999}
#entete{width:95%; min-height:0px; height:auto;}
#corps{width:95%; min-height:0px;height:60%;}
.tab{height:80px; padding-top:5px}
.entree{margin-top:-180px;}
.adaptp{display:none}
.onglet{width:33%; display:none}
a.texte-intro{width:30%; padding-top:10px; text-align:left;}
.spblock{margin:10px 10px auto 10px; display:inline-block}
#pied{width:95%; height:auto;overflow:auto; margin-bottom:10px}
.menu_sec{margin:4px 10px 4px auto; padding:4px; font-size:13px}
.menu_sec:hover{color:red}
a.richs{padding:4px 0 4px 0; display:inline-block}
	}