
body.site {background-color:#171009;
background-image: url("fonds/fondecran.jpg");
background-repeat: repeat;
margin:0px;
}
body.validation {margin:0px;
text-align: center;
}
#site {
margin-left: auto;
margin-right: auto;
top:0px;
position:relative;
text-align:center;
width:1080px;
}
#fondsite {background-color: transparent ;
background-image: url("");
background-repeat: no-repeat;
width:1000px;
z-index:100;
border:none;
position:relative;
}
#grilledeposition {position:absolute;
left:0px;
top:0px;
width:1000px;
height:1500px;
z-index:101;
}
#souspage {position:relative;
width:1000px;
z-index:10;
margin:0 0 250px 0;
text-align:center;
font-family: arial, verdana, sans-serif ;
font-size: 9pt;
}
#bandeau {position:relative;
width: 1000px;
height:200px;
margin:0 0 30px 0;
}
#vousetesici{position:relative;
margin: 0 0 0px 190px;
font-family: arial;
font-size: 8pt;
width: 810px;
height: 20px;
background-color: #fff;
line-height:19px;
z-index:110;
color: #25140b;
}
#vousetesici span {padding: 0 0 0 5px}
#vousetesici a {text-decoration:underline; cursor:pointer;color: #25140b;}
#page {position:relative;
width: 780px;
min-height: 480px;
color: rgb(0,0,0) ;
font-family: arial, verdana, sans-serif ;
font-size: 14px;
margin-left: 190px;
padding: 15px;
background-color: #fff ;
text-align: left;
z-index:110;
line-height: 1.5;
}
#blocbaspage {
    width: 100%;
    height: 40px;
    background-color: #371908;
    display: block;
    float: left;
    padding-top: 10px;
}
body.impression {margin:0px;
text-align: center;
}
#impression {margin: 0 auto 0 auto;
top:50px;
position:relative;
text-align:left;
width:1000px;
}
#fichemembre {font-family:arial,sans-serif; height:480px;}
#ficheclient {font-family:arial,sans-serif; height:480px;}
div.registred {padding:3px 5px 30px 5px;
display:block;
float:left;
font-size:9pt;
font-weight:bold;
z-index:50;
float:left;
}
div.textenom {clear:both;
height:20px;
width:400px;
margin:10px 0 10px 15px;
font-size:9pt;
font-weight:bold;
}
div.textenom input {width:200px;
padding: 0 0 0 0 ;
margin: 0 0 0 5px;
}
div.textenom a {cursor:pointer;
color:rgb(0,0,0);
text-decoration:underline;
font-style:italic;
font-weight:normal;
}
div.bloconnect {clear:both;
width:430px;
height:20px;
font-size:8pt;
font-family:arial;
font-weight:bold;
margin:2px 0 0 135px;
}
div.bloconnect li {margin:0 0 0 0;
padding:0 0 0 0;
}
input.inputcheck {padding:0 0 0 0;
margin:0 0 0 113px;
width:13px;
height:13px;
}
input.inputext {width:120px;
padding:0 0 0 0;
margin:0 0 0 10px;
}
input.inputextro {width:140px;
background-color:#999999;
padding:0 0 0 0;
margin:0 0 0 10px;
}
div.validerclient {background-color:#f8944d;
height:18px;
width:60px;
padding:4px;
margin:15px 0 20px 135px;
line-height:18px;
text-align:center;
}
div.validerclient a {font-size:9pt;
font-family:arial;
font-weight:bold;
color:#ffffff;
cursor:pointer;
}
#nuagetags {position:absolute;width:0px;height:0px;left:0px;top:0px;background-color:#F8944D; padding:2px; z-index:500;line-height:18px; font-family:arial, verdana, sans-serif; overflow:hidden; }#lignetag1 {position:absolute; width:0px; }
#lignetag2 {position:absolute; display:none; width:0px; text-align:right; }
#lignetag1 a.tag1, #lignetag2 a.tag1 {color:#fff; font-size:6pt;}
#lignetag1 a.tag1:hover, #lignetag2 a.tag1:hover {color:#000;}
#lignetag1 a.tag2, #lignetag2 a.tag2 {color:#fff; font-size:7pt;}
#lignetag1 a.tag2:hover, #lignetag2 a.tag2:hover {color:#000;}
#lignetag1 a.tag3, #lignetag2 a.tag3 {color:#fff; font-size:8pt;}
#lignetag1 a.tag3:hover, #lignetag2 a.tag3:hover {color:#000;}
#lignetag1 a.tag4, #lignetag2 a.tag4 {color:#fff; font-size:9pt;}
#lignetag1 a.tag4:hover, #lignetag2 a.tag4:hover {color:#000;}
#lignetag1 a.tag5, #lignetag2 a.tag5 {color:#fff; font-size:10pt;}
#lignetag1 a.tag5:hover, #lignetag2 a.tag5:hover {color:#000;}
#lignetag1 a.tag6, #lignetag2 a.tag6 {color:#fff; font-size:11pt;}
#lignetag1 a.tag6:hover, #lignetag2 a.tag6:hover {color:#000;}
#lignetag1 a.tag7, #lignetag2 a.tag7 {color:#fff; font-size:12pt;}
#lignetag1 a.tag7:hover, #lignetag2 a.tag7:hover {color:#000;}
#lignetag1 a.tag8, #lignetag2 a.tag8 {color:#fff; font-size:13pt;}
#lignetag1 a.tag8:hover, #lignetag2 a.tag8:hover {color:#000;}
#lignetag1 a.tag9, #lignetag2 a.tag9 {color:#fff; font-size:14pt;}
#lignetag1 a.tag9:hover, #lignetag2 a.tag9:hover {color:#000;}
#lignetag1 a.tag10, #lignetag2 a.tag10 {color:#fff; font-size:15pt;}
#lignetag1 a.tag10:hover, #lignetag2 a.tag10:hover {color:#000;}
#lecalendrier {position:absolute;
width:140px;
height:185px;
left:25px;
top:650px;
z-index:900;
background-color:transparent;
color:#ffffff;
}
#moisannee {
width:140px;
margin-left:auto;
margin-right:auto;
}
#moisannee span {float:left;
width:70px;
font-family:arial;
font-size:11pt;
font-weight:bold;
text-align:center;
cursor:pointer;
z-index:900;
}
#moisannee input {width:40px;
background-color:transparent;
color:#fff;
font-family:arial;
font-size:9pt;
font-weight:bold;
text-align:center;
border:none;
}
#moisannee span a {cursor:pointer;
color:#ffffff;
}
#lemois {
margin-left:auto;
margin-right:auto;
font-family:arial;
font-size:11pt;
font-weight:bold;
width:140px;
text-align:center;
}
#libelle {
margin-left:auto;
margin-right:auto;
background-color:transparent;
color:#fff;
width: 140px;
height:20px;
line-height:18px;
}
#libelle span {float:left;
width : 19px;
font-family:arial;
font-size:9pt;
font-weight:bold;
text-align:center;
}
.ligne {
margin-left:auto;
margin-right:auto;
width: 140px;
height:20px;
line-height:18px;
} 
.ligne span {float:left;
width : 19px;
font-family:arial;
font-size:10pt;
text-align:center;
color:#ffffff;
background-color:transparent;
}
.ligne span a:hover{
text-decoration: none;
color:#ffffff;
}
span.datedujour {
border-bottom:solid #ffffff 1px;
text-align:center;
}
span.evnt {
text-align:center;
background-color:#A70000;
}
span.evnt a:hover {
color:#fff;
}
span.evnt a {
color:#fff;
}
#imprimerpage {position:absolute;
left:974px;
top:252px;
width:20px;
height:15px;
z-index:900;
}
div.plandesite {width:560px;
height:660px;
}
div.libelle0 {clear:both;
float:left;
width:180px;
margin : 2px 0 2px 0;
text-align:left;
}
div.libelle {clear:both;
float:left;
width:180px;
border-bottom:solid 1px #000;
margin : 2px 0 2px 0;
text-align:left;
}
div.libellevide {clear:both;
float:left;
width:180px;
margin : 2px 0 2px 0;
text-align:left;
height:15px;
border-bottom:solid 1px #000;
}
div.envlibelle2_3_0 {float:left;
width:375px;
margin:0 0 15px 0;
}
div.envlibelle2_3 {float:left;
width:375px;
border-left:solid 1px #000;
margin:0 0 15px 0;
}
div.envlibelle3_0 {float:left;
width:180px;
margin : 3px 0 0 0;
}
div.envlibelle3 {float:left;
width:180px;
margin : 3px 0 0 0;
border-left:solid 1px #000;
}
span.libelle {font-family:arial;
font-size:8pt;
padding : 0 2px 0 2px;
}div.bloclangues {position:absolute;
z-index:200;
left: 10px;
top: 750px;
height: 0px;
width: 0px;
}
div.blocflottant1 {position:absolute;
z-index:210;
left: 80px;
top: 0px;
height: 200px;
width: 1000px;
border: solid 0px #000;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
padding:0px;
background-color: transparent;
}
div.blocflottant2 a {
color:#e3366a;
}
div.blocflottant2 {position:absolute;
z-index:10;
left: -12px;
top: 229px;
height: 650px;
width: 200px;
border: solid 0px #000;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
padding:0px;
background-color: transparent;
}
div.blocflottant3 {position:absolute;
z-index:200;
left: 192px;
top: 0px;
height: 200px;
width: 254px;
border: none;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
padding:0px;
background-color: transparent;
}
div.blocflottant4 {position:absolute;
z-index:200;
left: 0px;
top: 0px;
height: 100px;
width: 100px;
border: none;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
padding:0px;
background-color: transparent;
}
div.blocflottant5 {position:absolute;
z-index:200;
left: 0px;
top: 0px;
height: 100px;
width: 100px;
border: none;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
padding:0px;
background-color: transparent;
}
div.blocflottant6 {position:absolute;
z-index:200;
left: 0px;
top: 0px;
height: 100px;
width: 100px;
border: none;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
padding:0px;
background-color: transparent;
}
div.blocflottant7 {position:absolute;
z-index:200;
left: 0px;
top: 0px;
height: 100px;
width: 100px;
border: none;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
padding:0px;
background-color: transparent;
}
div.blocflottant8 {position:absolute;
z-index:200;
left: 0px;
top: 0px;
height: 100px;
width: 100px;
border: none;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
padding:0px;
background-color: transparent;
}
div.blocflottant9 {position:absolute;
z-index:200;
left: 0px;
top: 0px;
height: 100px;
width: 100px;
border: none;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
padding:0px;
background-color: transparent;
}
div.blocnews {position:absolute;
clip: rect(0px, 150px, 50px, 0px);
overflow:auto;
z-index:200;
left: 830px;
top: 200px;
height: 50px;
width: 150px;
border: none;
padding:0px;
background-color: #0000c0;
line-height:12px;
}
div.blocblog {position:absolute;
z-index:200;
left: 0px;
top: 0px;
height: 50px;
width: 160px;
border: none;
padding:0px;
line-height:12px;
}
span.debutblog, span.titredebutblog {clear:both;
float:left;
margin:5px 0 0 0;
width:140px;
font-size:9pt;
font-family:arial;
font-weight:bold;
color:  #000000;
background-color: transparent;
}
span.titredebutblog {margin:20px 0 0 0;}
span.debutblog a {font-size:8pt;
color:  #454545;
}
span.debutblog a:hover {color:  #000000;}
span.pagenews{width: 760px;
display:block;
text-align:center;
font-weight:bold;
}
span.pageblog{width: 760px;
display:block;
text-align:center;
font-weight:bold;
}
span.debutnews{clear:both;
float:left;
margin:10px 0 0 0;
width:130px;
font-size:9pt;
font-family:arial;
text-align:left;
color:  #000000;
}
span.debutnews a {font-size:8pt;
color: #454545;
}
span.debutnews a:hover {color:#000000;}
#blocrecherche {position:absolute;
top: 228px;
left: 750px;
text-align:left;
width: 240px;
height: 20px;
z-index:500;
}
#blocrecherche input {width: 140px;
background-color: #fff;
border: solid 1px #25140b;
}

#blocrecherche a {cursor: pointer;}
#blocrecherche a span {font-size: 9pt;
font-weight: bold;
font-family: arial,sans-serif;
color:#25140b;
}
a.recherche {font-size:9pt;}
span.tagsurligne {background-color:#fffb00;color:#000;}
a:link {text-decoration: none; color:#f8944d;}
a:visited {text-decoration: none; color:#f8944d;}
a:hover {text-decoration: none; color:rgb(156,207,126);}
a.lang:link {text-decoration: none ; color:#7aa300;}
a.lang:visited {text-decoration: none ; color:#7aa300;}
a.lang:hover {text-decoration: none; color:#383c3a; font-style:italic;}
div.padding {float:left;height:30px;}
.paddingbas{margin-left: auto;
margin-right: auto;
top:0px;
position:relative;
text-align:left;
width:1000px;
height:100px;}
.fontSize1 {font-Size: 8pt;}
.fontSize2 {font-Size: 10pt;}
.fontSize3 {font-Size: 12pt;}
.fontSize4 {font-Size: 14pt;}
.fontSize5 {font-Size: 18pt;}
.fontSize6 {font-Size: 24pt;}
.fontSize7 {font-Size: 36pt;}
p {margin: 0;
padding: 0;
}
ul {list-style-type: square;
padding: 0;
margin: 5px 0 0 30px;
}
#refreshfx {display:none;}
.preload {display:none;}
div.formulaire {width:560px;
height:420px;
margin: 0 auto 0 auto;
}
div.colonnetextegauche {clear:both;
float:left;
width:90px;
height:20px;
margin:5px 0 0 0;
font-family:arial;
font-size:9pt;
text-align:left;
color: rgb(0,0,0);
font-weight:bold;
line-height:25px;
}
div.inputgauche {float:left;
width:205px;
height:20px;
margin:5px 0 0 5px;
}
div.inputgauche input {width:205px;
height:16px;
font-family: Arial,sans-serif ;
font-size:9pt;
}
div.colonnetextedroit {float:left;
width:75px;
height:20px;
margin:5px 0 0 25px;
font-family:arial;
font-size:9pt;
text-align:left;
color: rgb(0,0,0);
font-weight:bold;
line-height:25px;
}
div.inputdroit {float:left;
width:130px;
height:20px;
margin:5px 0 0 5px;
}
div.inputdroit input {width:130px;
height:16px;
font-family: Arial,sans-serif ;
font-size:9pt;
}
div.textarea {float:left;
width:445px;
height:120px;
margin:5px 0 15px 5px;
}
div.textarea textarea {width:440px;
height:115px;
font-family: Arial,sans-serif ;
font-size:9pt;
}
div.lignetitre {float:left;
width:450px;
height:20px;
font-family:arial;
font-size:11pt;
text-align:left;
color: rgb(0,0,0);
font-weight:bold;
margin:40px 0 0 0;
}
div.colonnelivredor, div.colonneblog {clear:both;
float:left;
width:150px;
height:20px;
margin:5px 0 0 0;
font-family:arial;
font-size:9pt;
text-align:left;
color: rgb(0,0,0);
font-weight:bold;
}
div.inputlivredor, div.inputblog {float:left;
width:400px;
height:20px;
margin:5px 0 0 10px;
}
div.inputlivredor input, div.inputblog input {width:395px;
height:16px;
font-family: Arial,sans-serif ;
font-size:9pt;
}
div.codeverif {float:left;
width:200px;
height:20px;
margin:0 0 0 10px;
font-size:12pt;
font-weight:bold;
}
div.codeverif input {width:195px;
height:16px;
font-family: Arial,sans-serif ;
font-size:12pt;
font-weight:bold;
}
div.textarealivredor {float:left;
width:400px;
height:100px;
margin:0 0 15px 10px;
}
div.textarealivredor textarea {float:left;
width:395px;
height:95px;
margin:5px 0 15px 0;
font-family: Arial,sans-serif ;
font-size:9pt;
}
div.textareablog {float:left;
width:400px;
height:120px;
margin:5px 0 35px 10px;
}
div.textareablog textarea {float:left;
width:395px;
height:115px;
font-family: Arial,sans-serif ;
font-size:9pt;
}
div.quiquandlivredor, div.quiquandblog {width:560px;
height:15px;
margin:15px 0 0 0;
font-family: Arial,sans-serif ;
font-weight:bold;
font-size:8pt;
font-style:italic;
color: rgb(0,0,0);
border-bottom:solid 1px #000;
}
div.titrelivredor, div.titreblog {width:560px;
height:15px;
font-family: Arial,sans-serif ;
font-weight:bold;
font-size:10pt;
color: rgb(0,0,0);
}
div.messagelivredor, div.messageblog {width:560px;
font-family: Arial,sans-serif ;
font-size:9pt;
color: rgb(0,0,0);
}
div.formlivredor, div.formblog {width:560px;
color: rgb(0,0,0);
margin: 0 auto 0 auto;
}
div.formlivredor {height:250px;}
div.formblog {height:450px;}
div.envoyer, div.envoyerblog {clear:both;
float:left;
padding:0 5px 0 5px;
height:20px;
cursor:pointer;
background-color:#f8944d;
color:#ffffff;
text-align:center;
font-family: Arial,sans-serif ;
font-weight:bold;
font-size:8pt;
line-height:20px;
}
div.envoyer {margin:0 0 0 250px;}
div.envoyerblog {margin:25px 0 0 250px;}
div.mentionslegales {clear:both;
float:left;
width:560px;
height:50px;
font-family: Arial,sans-serif ;
font-size:8pt;
margin:40px 0 0 0;
}
div.regblog {clear:both;
float:left;
font-style:italic;
font-family: Arial,sans-serif ;
font-weight:bold;
font-size:9pt;
margin : 10px 0 10px 0;
}
div.inscriptnews {clear:both;
float:left;
width:535px;
height:50px;
font-family: Arial,sans-serif ;
font-size:9pt;
font-weight:bold;
margin:5px 0 0 0px;
}
a img{
border:none;
}
