/* La définition du BODY */
body.haut {background-image:url('images/arriere.gif'); background-repeat:repeat-x;} 

/* La section du menu */
ul.menu { list-style-type:none; margin:0px; margin-left:0px; padding:0px; overflow:hidden;}
li.menu { float:left; margin-left: 0px;}
a:link.menu,a:visited.menu { display:block; font-family:'arial'; font-size:14px; color:#FFFFFF; background-color:#3b5998; text-align:center; padding:5px; text-decoration:none; text-transform:uppercase; }
a:hover.menu,a:active.menu { background-color:#4b67A1; font-weight:bold; }
.overline { border:solid 1px #f00;  border-left:none; border-right:none; border-top:none; }
input.menu { border:0px; display:block; font-family:'arial'; font-size:14px; color:#FFFFFF; background-color:#3b5998; text-align:center; padding:5px; text-decoration:none; text-transform:uppercase; }
input:hover.menu { background-color:#4b67A1; font-weight:bold; }

/* La définition du texte de base */
h1 { font-size:25px; line-height:25px; }
h2 { font-size:23px; line-height:23px; }
h3 { font-size:20px; line-height:20px; }
h4 { font-size:19px; line-height:19px; }
h5 { font-size:17px; line-height:17px; }
h6 { font-size:15px; line-height:15px; }

h1, h2, h3, h4, h5, h6{
	color:#000000;
    margin-bottom:20px;
  	font-family:'Arial', Helvetica, Arial, sans-serif;
}


/** BASIC ELEMENT STYLING pour la FAQ **/
body {
	font: 14px/20px helvetica, arial, sans-serif;
	color:#666666;
}

a:focus { outline:1px dotted; }
hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0; }
ol { list-style:decimal; }
ul { list-style:disc; }
li { margin-left:30px; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom:20px; }

/** BASIC STYLING **/

div#wrapper { width:940px; margin:0 auto; position:relative; }
div#primary{ width:720px; top:0 margin: 20px 40px 0 0; float:left; display:inline; }
h1#title{ text-align:left; font-size:50px; line-height:60px; margin-top:20px; }
a{ color:#3b5998; }
ul.section_menu{ background:#EDEDED; padding:20px 10px; }
h3{ padding-top:30px; }
dl.faq{ margin-bottom:30px; }
dl.faq dt{ font-weight:bold; color:#000000; padding:25px 0 5px 0; display:block; }
dl.faq dd{ padding-bottom:15px; border-bottom:1px solid #cccccc; display:block; }
#sidebar { left:760px; position:absolute; }
#sidebar_content { position:absolute; top:0;
  	/* just used to show how to include the margin in the effect */
	width:200px;
}

#sidebar_content.fixed { position: fixed; top: 0; }



figure {
    display: inline-block;
	margin: 0; 
	padding: 0;
}
figcaption {
    margin: 0px 0 0 0;
    font-variant: small-caps;
    font-family: Arial;
    font-size: 11px;
    color: #bb3333;
    text-align: center;
	word-wrap:normal;
	valign: bottom;
}
figure {
    padding: 4px;
}
img.image:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
	display:block;
}
img.image {
    transition: transform 0.4s;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
	display:block;
}