@font-face {font-family:"Another Typewriter";src:url("../Another_Typewriter/atwriter.eot?") format("eot"),url("../Another_Typewriter/atwriter.woff") format("woff"),url("../Another_Typewriter/atwriter.ttf") format("truetype"),url("../Another_Typewriter/atwriter.svg#AnotherTypewriter") format("svg");font-weight:normal;font-style:normal;}
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
@font-face {
	font-family:"MicroFLF";
	src:url("/fontes/MicroFLF/MicroFLF.eot?") format("eot"),url("/fontes/MicroFLF/MicroFLF.woff") format("woff"),url("/fontes/MicroFLF/MicroFLF.ttf") format("truetype"),url("/fontes/MicroFLF/MicroFLF.svg#MicroFLF") format("svg");
	font-weight:normal;
	font-style:normal;
}
body {
font-family: "MicroFLF",Century Gothic, sans-serif;
font-size:12px;
line-height:1.5em;
/*  padding: 0;
  margin: 0;
  background: #f8f7e5 url(wdw-bg.jpg) no-repeat center top;

  width: 100%; //prevent the background image from shifting when you resize the browser smaller than the content width (firefox)
  display: table;*/
}
strong{
/* text-transform:uppercase;*/
 font-size:1.0em;
}
h2 {
/*margin:0;padding:0;*/
font-size:1.2em;
}
h1{
font-size:1.3em;
text-transform:uppercase;
font-weight:bold;
/*color:#F3CF34;
text-shadow:
1px 1px 1px black,
-1px 1px 1px black,
-1px -1px 1px black,
1px -1px 1px black;*/
}

#conteneur {
width: 1024px;
margin: 0 auto;
top:-8px;
background-image: url("../images/FOND.png");
background-repeat: no-repeat;
position:relative;
min-height:740px;
}

#entete {
background-repeat: no-repeat;
}

.slogan {
 text-indent:-9999px;
display: block;
position:absolute;
 text-indent:px;
top:100px;
}

#menu {
height:180px;
}

#principal {/*border: dotted red 1px;*/
/*clear:both;*/
display:block;
z-index:20;
float:right;
width:740px;
padding:10px;
height:100%;
min-height:535px;
margin-top:-50px;
padding-top:20px;
padding-right:0px;
}
#principal2 {/*border: dotted red 1px;*/
/*clear:both;*/
display:block;
z-index:20;
float:right;
width:1000px;
padding:10px;
height:100%;
min-height:535px;
margin-top:-50px;
padding-top:20px;
}
#ariane {/*border: dotted red 1px;*/
display:block;
z-index:200;
float:right;
width:700px;
padding:0px;
margin-left:200px;
margin-top:-50px;
min-height:100px;
font-size:10px;
}

/************* Fond des textes ***********************/
blockquote {/*border: dotted green 1px;*/
margin:0px 10px 0px 10px;
width: 710px;
/*    width: 783px;*/
/*    width: 600px;*/
}
blockquote._420 {/*border: dotted green 1px;*/
width: 420px;
}
blockquote:before {/*border: dotted red 1px;*/
display: block;
line-height: 0;
background: transparent url(../images/fond-texte-droite-haut.png) no-repeat scroll right top; /*pas de quote dans url pour IE7*/
content: url(../images/fond-texte-gauche-haut.png);/*pas de quote dans url pour IE7*/
}
blockquote:after {
display: block;
line-height: 0;
background: transparent url(../images/fond-texte-droite-bas.png) no-repeat scroll right bottom;/*pas de quote dans url pour IE7*/
content: url(../images/fond-texte-gauche-bas.png);/*pas de quote dans url pour IE7*/
}


.suite {
margin-top:0; margin-bottom:0;
padding: 0px 20px 0px 20px;
}
blockquote > p, blockquote  h1, blockquote  h2, blockquote > ul, .suite { /*border: dotted blue 1px;*/
margin: 0pt;
background: transparent url("../images/fond-texte-milieu.png") repeat-y  left center;
/*padding-right:20px;*/
padding:10px 10px 0 30px;
}
blockquote > p { padding: 0px 10px 0px 30px; }
blockquote h2:first-child {/* padding:  5px 10px 10px 30px;*/ }
blockquote h2, blockquote h1 { /*padding: 20px 10px 10px 30px;*/
padding: 10px 10px 5px 30px;
}
blockquote > ul { padding-left:80px;}
blockquote .suite { margin-bottom:-12px;}


blockquote._420:before {/*border: dotted red 1px;*/
background: transparent url(../images/fond-texte-droite-haut-390.png) no-repeat scroll right top; /*pas de quote dans url pour IE7*/
}
blockquote._420:after {
background: transparent url(../images/fond-texte-droite-bas-390.png) no-repeat scroll right bottom;/*pas de quote dans url pour IE7*/
}
blockquote._420 > p, blockquote._420  h2, blockquote._420 > ul, .suite { /*border: dotted blue 1px;*/
background: transparent url("../images/fond-texte-milieu-390.png") repeat-y  left center;
}

blockquote._500 {/*border: dotted green 1px;*/
width: 490px;
float:left;
}
blockquote._500:before {/*border: dotted red 1px;*/
background: transparent url(../images/fond-texte-droite-haut-460.png) no-repeat scroll right top; /*pas de quote dans url pour IE7*/
}
blockquote._500:after {
background: transparent url(../images/fond-texte-droite-bas-460.png) no-repeat scroll right bottom;/*pas de quote dans url pour IE7*/
}
blockquote._500 > p, blockquote._500  h2, blockquote._500 > ul, .suite { /*border: dotted blue 1px;*/
background: transparent url("../images/fond-texte-milieu-460.png") repeat-y  left center;
}

blockquote._300 {/*border: dotted green 1px;*/
width: 300px;
float:left;
}
blockquote._300:before {/*border: dotted red 1px;*/
background: transparent url(../images/fond-texte-droite-haut-270.png) no-repeat scroll right top; /*pas de quote dans url pour IE7*/
}
blockquote._300:after {
background: transparent url(../images/fond-texte-droite-bas-270.png) no-repeat scroll right bottom;/*pas de quote dans url pour IE7*/
}
blockquote._300 > p, blockquote._300  h2, blockquote._300 > ul, .suite { /*border: dotted blue 1px;*/
background: transparent url("../images/fond-texte-milieu-270.png") repeat-y  left center;
}

blockquote._250 {/*border: dotted green 1px;*/

width: 250px;
float:left;
margin-left:-60px;
}
blockquote._250:before {/*border: dotted red 1px;*/
background: transparent url(../images/fond-texte-droite-haut-220.png) no-repeat scroll right top; /*pas de quote dans url pour IE7*/
}
blockquote._250:after {
background: transparent url(../images/fond-texte-droite-bas-220.png) no-repeat scroll right bottom;/*pas de quote dans url pour IE7*/
}
blockquote._250 > p, blockquote._250  h2, blockquote._250 > ul, .suite { /*border: dotted blue 1px;*/
background: transparent url("../images/fond-texte-milieu-220.png") repeat-y  left center;
font-size:10px;
}

#pied {
display:block;
clear:both;
text-align:center;
}

#legal:after {
display: block;
line-height: 0;
content:url("../images/BARRE-NOIRE-BAS.png");
}

#principal table {
margin-left:100px;
border-collapse:collapse;
}

#principal table tr td {
border:solid 1px #535353;
border-style:solid;
border-color:#535353;
padding-left:10px;
}
#principal table th{
padding-bottom:7px;
}
#principal table tr td + td {
text-align:center;
}

#news {
display:block;
float:left;
margin-left:-200px;
/*padding-top:40px;*/
width:200px;
}
#news img {
border-style:none;
margin-bottom:0px;
}
#news2 {
display:block;
float:left;
/*margin-left:-300px;*/
/*padding-top:40px;*/
width:140px;
margin-right:5px;
padding-left:10px;
}
#news2 img {
border-style:none;
margin-bottom:20px;
}
.deroule {
padding-left:20px;
font-size:80%;
font-weight:bold;
}

#agrement {/*border:solid 1px ;*/
position:absolute;
display:block;
float:right;
top:370px;
left:800px;
/*margin-left:-200px;*/
/*padding-top:40px;*/
width:250px;
}
#agrement p {
text-align:center;
}
.form-required {
color:red;
}

#tel {
 display:block;
 float:right;
 margin-top: -200px;
 margin-right:56px;
}



/*#3points,#pourune,#informatique,#durable {
 display:block;
 position:absolute;
}
#3points { left:250px; top:130px; }
#pourune {  left:350px; top:100px;}
#informatique { left:560px; top:105px;}
#durable {  left:800px; top:110px;}*/

#news a {
 text-decoration:none;
 color:#939393;
 font-weight:normal;
}

a {
/* text-decoration:underline;*/
color:grey;
}
a:hover, a.sfHover {
/* text-decoration:underline;*/
color:black;
 text-decoration:none;
}



#tampon {
 position:absolute;
 left:50px;
 top:230px;
}

.banniere {
font-family:"Another Typewriter";
 font-size:25px;
}
h1 .banniere {
 text-transform:lowercase;
  font-weight:normal;
}

#durable { font-size:10px;}

.addthis_button,.addthis_toolbox {
 display:block;
 position:absolute;
 top:198px;
left:895px;
 z-index:990;
}
.addthis_toolbox {
width:150px;
left:885px;
}

/*************************************/
/*           pied de page            */
/*************************************/
.schema, .schema p{
display:inline;
}

#lindom-flow{
width:170px;
height:200px;
float:right;
}

#lindom-flow + ._500{
float:left;
}

/*************************************/
/*           CESU            */
/*************************************/
.cesu{
 clear:both;
 display:block;
}
.cesu img{
float:right;
}