body.site {background-color:#fff;
background-image: url("");
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
margin:0px;
text-align: center;
}
#site {margin:0 auto 0 auto;
top:0px;
position:relative;
text-align:left;
width:1280px;
}
#fondsite {top:0px;
background-color: #fff ;
background-image: url("");
background-repeat: no-repeat;
width:1280px;
z-index:100;
border:transparent;
position:relative;
}
#grilledeposition {position:absolute;
left:0px;
top:0px;
width:1000px;
height:1500px;
z-index:999;
}
#bandeau {position:relative;
width: 1280px;
height:400px;
}
#vousetesici{position:absolute;
left:5px;
top:305px;
font-family: arial;
font-size: 8pt;
width: 1100px;
height: 20px;
background-color: #fff;
line-height:19px;
z-index:250;
color: #000000;
}
#vousetesici span {padding: 0 0 0 5px}
#vousetesici a {text-decoration:underline; cursor:pointer;color: #000000;}
#page {position:relative;
width: 1080px;
min-height: 1000px;
color: #000 ;
font-family: arial;
font-size: 13pt;
margin-left: 180px;
padding: 10px;
background-color: #f5f5f5 ;
text-align: justify;
z-index:200;
}
#blocbaspage {position:relative;
width:1280px;
z-index:110;
font-family: arial;
font-size: 13pt;
color: #000 ;
height:200px;
background-image: url("");
background-repeat: no-repeat;
background-color: #fff;
}
#blocbassite {position:relative;
width:1280px;
font-size:9pt;
font-family: arial;
text-align:center;
}
#rgpd{position:absolute;
display:none;
z-index: 999;
top:100px;
left:315px;
background-color:#ddd;
border-radius:30px;
width:650px;
height :150px;
font-size:14pt;
font-family:arial;
text-align:center;
line-height:30px;
padding:25px;
}
#rgpd .valid {margin:20px auto 0 auto;
position:relative;
width:40px;
height:22px;
background-color:#fff;
font-size:18pt;
font-weight:bold;
font-family:arial;
text-align:center;
line-height:18px;
padding:5px 0 0 0;
cursor:pointer;
}
body.impression {margin:0px;
text-align: center;
}
#impression {margin: 0 auto 0 auto;
position:relative;
text-align:left;
width:1280px;
font-size:10pt;
font-family:arial;
}
div.blocespaceclients {text-align: center;
position: absolute;
left: 220px;
top: 20px;
width: 0px;
z-index:500;
background-color: transparent;
}
div.blocespaceclients span { padding-left: 2px;
line-height: 20px;
}
div.blocespaceclients a {text-decoration: none;
font-family: arial ;
font-size: 0pt;
font-weight: bold;
color: transparent;
cursor: pointer;
}
div.blocespaceclients a:hover {font-style:italic;}

#ficheclient {width:1080px;
float:left;
}
span.titrencadre {float:left;
width:580px;
font-family:arial;
font-size:12pt;
font-weight:bold;
line-height:16pt;
margin:15px 0 5px 0;
padding:0 0 0 10px;
background-color:#d90000;
color:#ffffff;
border:solid 1px #000000;
}
span.titresanscadre {float:left;
width:1095px;
font-family:arial;
font-size:12pt;
font-weight:bold;
line-height:16pt;
margin:5px 0 0 0;
padding:0 0 0 10px;
}
span.titrebold {float:left;
width:1095px;
font-family:arial;
font-size:11pt;
font-weight:bold;
line-height:16pt;
margin:10px 0 10px 0;
padding:0 0 0 0;
}
span.civilite {margin:0 30px 0 5px;}
p.civilite {margin:5px 0 5px 0;}
p.civilite input {margin:0 0 0 0; padding:0 0 0 0;}
div.clientableau {float:left;
width:1095px;
font-family:arial;
font-size:9pt;
font-weight:bold;
line-height:16pt;
margin : 2px 0 0 0;
}
div.locgeo {clear:both;
float:left;
width:1095px;
height:65px;
font-family:arial;
font-size:9pt;
font-weight:bold;
line-height:16pt;
margin : 15px 0 20px 0;
}
span.titrelocgeo {float:left;
width:180px;
height:20px;
padding:0 0 0 2px;
}
span.listlocgeo {float:left;
height:65px;
margin:0 0 0 20px;
}
span.locgeo {height:18px;
font-size:8pt;
display:block;
margin:2px 0 0 0;
}
span.locgeo input {margin:0 5px 0 0;}
div.clientableau p.champ {float:left;
width:90px;
height:20px;
}
div.clientableau p.champ2 {float:left;
width:190px;
height:20px;
}
div.clientableau p.input {float:left;}
div.clientableau p.input input {width:440px;}
div.clientableau p.input input.inputcourt2 {width:140px;}
div.clientableau p.input input.inputcourt3 {width:340px;}
div.clientableau p.input input.inputcourt1 {width:200px;margin:0 5px 0 0;}
div.clientableau p.rappelcnil {float:left;
font-size:8pt;
padding:0 0 0 0;
margin:0 0 0 0;
font-weight:normal;
line-height:14px;
width:580px;
}
div.clientcheck {float:left;
width:1095px;
font-family:arial;
font-size:8pt;
line-height:16pt;
margin : 10px 0 10px 0;
}
span.creercompte {float:left;
margin:10px 0 20px 190px;
font-size:9pt;
font-weight:bold;
text-align:center;
height:18px;
width:80px;
background-color:#d90000;
color:#ffffff;
line-height:18px;
cursor: pointer;
}
span.creercompte a {color:#ffffff;}
span.annulconnect {float:left;
margin:10px 0 20px 20px;
text-align:center;
height:18px;
width:80px;
background-color:#d90000;
line-height:18px;
}
span.annulconnect a {font-size:9pt;
font-weight:bold;
color:#ffffff;
}
span.supident {float:left;
margin:3px 0 0 0;
font-size:9pt;
font-weight:bold;
text-align:center;
height:18px;
width:140px;
background-color:#d90000;
color:#ffffff;
line-height:18px;
}
div.clientableau p.input input.inputsupcompte {width:200px;}
span.barredenav {clear:both;
float:left;
width:1085px;
height:47px;
margin:20px 0 0 0;
font-family:arial;
font-size:9pt;
}
span.cinquantepx {float:left;
height:50px;
width:1095px;
}

#fichemembre, #ficheclient {font-family:arial,sans-serif; height:1000px;}
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:30px;
width:600px;
margin:10px 0 10px 15px;
font-size:12pt;
font-weight:bold;
}
div.textenom input {width:200px;
height:25px;
border:solid 2px #999999;
padding: 0 0 0 0 ;
margin: 0 0 0 5px;
}
div.textenom a {cursor:pointer;
color:#000;
text-decoration:underline;
font-style:italic;
font-weight:normal;
}
div.bloconnect {clear:both;
width:600px;
height:40px;
font-size:12pt;
font-family:arial;
font-weight:bold;
margin:20px 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 10px;
width:25px;
height:25px;
}
input.inputext {width:140px;
border:solid 2px #999999;
height:25px;
padding:0 0 0 0;
margin:0 0 0 10px;
}
input.inputextro {width:140px;
border:2px;
height:25px;
border:solid 2px #999999;
background-color:#999999;
padding:0 0 0 0;
margin:0 0 0 10px;
}
div.validerclient {background-color:#d90000;
height:25px;
width:80px;
padding:4px;
margin:15px 0 20px 135px;
line-height:25px;
text-align:center;
}
div.validerclient a {font-size:12pt;
font-family:arial;
font-weight:bold;
color:#ffffff;
cursor:pointer;
}
#nuagetags {position:absolute;width:600px;height:280px;left:400px;top:10px;background-color:transparent; padding:2px; z-index:900;line-height:18px;overflow:hidden; }div.oddtag {position:absolute;left:600px; font-size:10pt;}div.eventag {position:absolute;left:0px; font-size:10pt;}div.oddtag a, div.eventag a {font-family:arial;font-weight:bold;color:#fff}
div.oddtag a:hover, div.eventag a:hover {color:#d90000}
#lecalendrier {display:block; 
position:absolute;
width:140px;
height:185px;
left:15px;
top:390px;
z-index:900;
background-color:#fff;
color:#008257;
}
#moisannee {float:left;
width:140px;
}
#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:#008257;
color:#fff;
font-family:arial;
font-size:9pt;
font-weight:bold;
text-align:center;
border:none;
}
#moisannee span a {cursor:pointer;
color:#008257;
}
#lemois {float:left;
font-family:arial;
font-size:11pt;
font-weight:bold;
width:140px;
text-align:center;
margin:2px 0 2px 0;
}
#libelle {float:left;
background-color:#008257;
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 {float:left;
width: 140px;
height:20px;
line-height:18px;
} 
.ligne span {float:left;
width : 19px;
font-family:arial;
font-size:10pt;
text-align:center;
color:#008257;
background-color:#fff;
}
.ligne span a:hover{
text-decoration: none;
color:#008257;
}
.ligne span.datedujour {
border-bottom:solid #008257 2px;
text-align:center;
}
.ligne span.datedujourevnt {
background-color:#d90000;
border-bottom:solid #008257 2px;
text-align:center;
}
.ligne span.evnt {
text-align:center;
background-color:#d90000;
}
.ligne span.evnt a:hover {
color:#fff;
}
.ligne span.evnt a {
color:#fff;
}
a.pageno {font-size:11pt; font-weight:bold;}
a.nopage {font-size:11pt;}
a.lienblog {font-style:italic;}

div.plandesite {width:560px;
height:550px;
}
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 {
padding : 0 2px 0 2px;
}
span.libelle a {font-family:arial;
font-size:8pt;
}
div.blocflottant1 {position:absolute;
z-index: 255;
left: 0px;
top: 0px;
height: 300px;
width: 288px;
border: transparent;
font-family: arial;
font-size: 13pt;
padding: 0px;
background-color: transparent;
}
div.blocflottant2 {position:absolute;
z-index: 250;
left: 0px;
top: 0px;
height: 300px;
width: 1280px;
border: transparent;
font-family: arial;
font-size: 13pt;
padding: 0px;
background-color: transparent;
}
div.blocflottant3 {position:absolute;
z-index: 250;
left: 25px;
top: 650px;
height: 67px;
width: 120px;
border: transparent;
font-family: arial;
font-size: 13pt;
padding: 0px;
background-color: transparent;
}
div.bloclangues {position:absolute;
z-index:200;
left: 10px;
top: 750px;
height: 50px;
width: 170px;
}
div.blocblog {position:absolute;
z-index:250;
left: 0px;
top: 0px;
width: 160px;
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:  #000;
}
span.titredebutblog {margin:20px 0 0 0;}
span.debutblog a {font-size:8pt;
color:  #bdbbb5;
}
span.debutblog a:hover {color:  #000;}
span.pageblog{width: 1050px;
display:block;
text-align:center;
font-weight:bold;
}
#blocrecherche {position:absolute;
top: 600px;
left: 5px;
text-align:left;
width: 170px;
height: 20px;
z-index:300;
}
#blocrecherche input {width: 140px;
background-color: #fff;
border: solid 1px #000000;
font-style: italic;
font-size: 8pt;
padding: 2px 0 2px 2px;
}
#blocrecherche a {cursor: pointer;}
#blocrecherche a span {font-size: 9pt;
font-weight: bold;
font-family: arial,sans-serif;
color:#000000;
}
a.recherche {font-size:9pt;}
#blocinscripnews {position:absolute;
top: 0px;
left: 0px;
text-align:left;
width: 170px;
height: 40px;
z-index:500;
}
#blocinscripnews input {width: 140px;
background-color: #fff;
border: solid 1px #5a5a5a;
font-style: italic;
font-size: 8pt;
padding: 2px 0 2px 2px;
}
#blocinscripnews a {cursor: pointer;}
#blocinscripnews a span {font-size: 9pt;
font-weight: bold;
font-family: arial,sans-serif;
color:#5a5a5a;
}
a.inscripnews {font-size:9pt;}
span.tagsurligne {background-color:#fffb00;color:#000;}
a:link {text-decoration: none; color:#008257;}
a:visited {text-decoration: none; color:#008257;}
a:hover {text-decoration: none; color:#d90000;}
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 {height:20px;}
.paddingbas{margin-left: auto;
margin-right: auto;
top:0px;
position:relative;
text-align:left;
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;
}
.preload {display:none;}
div.formulaire, div.formlivredor {margin:20px auto 0 auto;
width:555px;
height:430px;
}
div.colonnetextegauche, div.colonnetextedroit {
float:left;
height:20px;
text-align:left;
font-family:arial;
font-size:9pt;
color: #000;
font-weight:bold;
line-height:25px;
}
div.colonnetextegauche {clear:both;
width:75px;
margin:5px 0 0 0;
}
div.colonnetextedroit {width:75px;
margin:5px 0 0 20px;
}
div.inputgauche, div.inputdroit {float:left;
height:20px;
margin:5px 0 0 5px;
width:185px;
}
div.inputgauche input, div.inputdroit input {width:185px;
}
div.inputgauche input, div.inputdroit input, div.textarea textarea, div.inputlivredor input, div.inputblog input, div.textareablog textarea, div.textareaforum textarea, div.textarealivredor textarea, div.colonnelivredor, div.colonneblog, div.repondremessage, div.regblog, div.messagelivredor, div.messageblog, div.messageblogreponse {font-family: Arial,sans-serif ; 
font-size:9pt;
}
li.themeforum {font-size:11pt; font-weight:bold; margin:15px 0 0 15px; padding:0;}
p.infoforum {font-size:10pt; font-style: italic; margin:0 0 0 5px;}
div.textarea {float:left;
width:470px;
height:120px;
margin:5px 0 15px 5px;
}
div.textarea textarea {width:470px;
height:115px;
}
div.lignetitre {float:left;
width:450px;
height:20px;
font-family:arial;
font-size:11pt;
text-align:left;
color: #000;
font-weight:bold;
margin:40px 0 0 0;
}
div.colonnelivredor, div.colonneblog {clear:both;
float:left;
width:110px;
height:20px;
margin:5px 0 0 0;
color: #000;
font-weight:bold;
}
div.colonneblogcode {clear:both;
float:left;
height:20px;
margin:5px 0 0 0;
color: #000;
font-weight:bold;
}
div.colonneblogcode input {width:55px;
font-family: Arial,sans-serif ;
font-size:12pt;
font-weight:bold;
}
div.verifcode {float:left;
width:60px;
height:20px;
font-size:12pt;
font-weight:bold;
margin:5px 0 0 0;
}
div.inputlivredor, div.inputblog {float:left;
width:480px;
height:20px;
margin:5px 0 0 0;
}
div.inputlivredor input, div.inputblog input {width:480px;
}
div.formblog {width:595px; height:530px; margin: 50px 0 0 0; color: #000;}
div.formforum {width:595px; height:980px; margin: 0 0 0 0; color: #000;}
div.themeforum {width:595px; margin: 0 0 50px 0;}
div.retourforum {width:595px; margin: 100px 0 0 0;}
div.textareablog, div.textareaforum {clear:both;
float:left;
width:590px;
margin:5px 0 80px 0;
}
div.textareaforum textarea, div.textareablog textarea {width:585px;}
div.textareablog {width:590px; height:150px;}
div.textareaforum {height:590px; height:600px;}
div.textareablog textarea {width:585px; height:145px;}
div.textareaforum textarea {width:585px; height:595px;}
div.textarealivredor {float:left; width:480px; height:140px; margin:8px 0 15px 0;}
div.textarealivredor textarea {width:480px; height:135px;}
div.quiquandlivredor, div.quiquandblog, div.quiquandblogreponse {height:15px;
font-family: Arial,sans-serif ;
font-weight:bold;
font-size:8pt;
font-style:italic;
color: #000;
border-bottom:solid 1px #000;
}
div.quiquandlivredor, div.quiquandblog {width:590px;
margin:15px 0 0 0;}
div.quiquandblogreponse {width:530px;
margin:5px 0 0 60px;
}
div.titrelivredor, div.titreblog, div.titreblogreponse {height:15px;
font-family: Arial,sans-serif ;
font-weight:bold;
font-size:10pt;
color: #000;
}
div.titrelivredor, div.titreblog {width:590px;}
div.titreblogreponse {width:530px; margin:0 0 0 60px;}
div.messagelivredor, div.messageblog, div.messageblogreponse {color: #000;}
div.messagelivredor, div.messageblog {width:590px;}
div.messageblogreponse {width:530px; margin:0 0 0 60px;}
div.repondremessage {width:150px; height:15px; font-weight:bold; font-style:italic; }
div.envoyer, div.envoyerblog, div.envoyerlivredor {clear:both;
padding:0 5px 0 5px;
height:20px;
cursor:pointer;
background-color:#d90000;
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 450px; width:90px;}
div.envoyerblog {margin:25px 0 100px 0; width:140px;}
div.envoyerlivredor {margin:0 0 0 200px; width:90px;}
div.envoyer a, div.envoyerblog a{color:#ffffff;}
div.mentionslegales {clear:both;
float:left;
width:530px;
height:50px;
font-family: Arial,sans-serif ;
font-size:8pt;
margin:40px 0 0 0;
}
div.regblog {clear:both;
width:560px;
float:left;
font-style:italic;
font-weight:bold;
margin : 10px 0 10px 0;
}
a img{
border:none;
}