/* CSS Document */

body,*{
margin:0;
padding:0;
}
body{
background:#867388 url(img/wrapper_bg.gif) center center repeat-y;
}



#intro{
clear:both;
width:100%;
height:630px;
margin-left:auto;
margin-right:auto;
/*background:red !important;*/
}
#menu{
clear:both;
width:100%;
height:450px;
margin-left:auto;
margin-right:auto;
/*background:red !important;*/
}

#wrapper{
clear:both;
/*background:red;*/
margin-left:auto;
margin-right:auto;
text-align:center;
}

#wrapper #content{
width:924px;
margin-left:auto;
margin-right:auto;
padding-top:50px;
}

#wrapper #content img{
/*clear:both;
_float:left;
margin:0;
padding:0;
margin-left:0;
width:924px;
height:1129px;
_height:1129px;*/
}

/* footer */

#footer{
position:relative;
clear:both;
background:#820791;
width:100%;
height:75px;
text-align:center;
color:white;
padding-top:25px;
}

#footer a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ff4ca1;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}

#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin-top:10px;
}

/* SIDE1 */ 
#side1{
float:left;
width:200px;
/*border-right:1px solid #c2b9c4;*/
text-align:left;
}
#contenu{
float:left;
text-align:left;
width:476px;
padding-left:23px;
padding-right:23px;
border-left:1px solid #c2b9c4;
border-right:1px solid #c2b9c4;
margin-bottom:20px;
_margin-bottom:40px !important;
}
#side2{
float:left;
width:170px;
/*border-left:1px solid #c2b9c4;*/
text-align:left;
padding-left:15px;
padding-right:15px;
padding-bottom:25px;
}
#side2 *{
text-align:left;
}
/**/

#side1 h2{
width:200px;
height:24px;
_height:26px;
padding-top:6px;
_padding-top:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:white;
background:#663399;
margin-bottom:20px;
text-transform:uppercase;text-align:center;
}

#side1 h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ff3399;
text-transform:uppercase;
border-left:6px solid #ff3399;
width:152px;
margin-left:auto;
margin-right:auto;
padding-left:8px;
margin-top:10px;
_margin-top:2px;
}

#side1 .separe{
margin-top:5px;
line-height:0;
height:1px;
border-bottom:1px dashed #c2b9c3;
width:170px;
margin-left:auto;
margin-right:auto;
}

#side1 ul{
width:170px;
margin-left:auto;
margin-right:auto;
list-style-position:inside;
list-style:none;
margin-top:10px;
_margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*font-weight:bold;*/
color:#ff3399;
padding-bottom:15px;
}

#side1 ul li{
margin-top:8px;
width:156px;
padding-left:14px;
margin-right:auto;

}

#side1 ul li a{
color:#996699;
text-decoration:none;
}

#side1 ul li a:hover{
text-decoration:underline;
}

/**/

#side2 #video a,#side2 #fesses a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#663399;
text-decoration:none;
}
#side2 #video a:hover,#side2 #fesses a:hover{
text-decoration:underline;
}

#side2 h3{
width:160px;

height:20px;
_height:22px;

padding-top:4px;
_padding-top:4px;

font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;

color:white;
text-align:center;
background:#643289 url(img/fleche.png) center left no-repeat;
background-position:24px;

margin-top:23px;
}

#side2 h3 a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:white !important;
text-decoration:none;
}

#side2 .separe{
clear:both;
margin-top:10px;
margin-bottom:10px;
line-height:0;
height:1px;
border-bottom:1px dashed #c2b9c3;
width:160px;
}

#side2 .plus{
float:left;
line-height:0;
}

/**/
#contenu h1{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:normal;
color:#990099;
letter-spacing:-2px;
_letter-spacing:-2px;
line-height:0.9em;
}

#contenu h2{
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:normal;
color:#ff3399;
letter-spacing:-1px;
_letter-spacing:-2px;
line-height:0.9em;
margin-top:25px;
}

#contenu blockquote{
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
background:#efe1e8 url(img/blok.png) top left no-repeat;
color:#990099;
padding-left:80px;
padding-top:27px;

}

#contenu blockquote ul{
background:#efe1e8 url(img/blok2.png) bottom right no-repeat;
list-style-position:inside;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
margin-top:30px;padding-bottom:30px;
}

#contenu blockquote ul li{
color:#990099;
width:360px;
margin-bottom:30px;
}

#contenu blockquote ul li span{
font-weight:bold;
color:#ff3399;
}

#contenu p{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#990099;
margin-top:40px;
margin-bottom:40px;
line-height:1.5em;
}

#contenu ul{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#990099;
margin-top:40px;
margin-bottom:40px;
list-style-position:inside;
}

#contenu p a{
color:#ff3399;
font-weight:bold;
}

#contenu #question_img{
width:468px;
margin-left:auto;
margin-right:auto;
}