@import url('reset.css');

body { text-align : center; }
h1 { font : bold 30px/30px helvetica, arial; margin-bottom : 15px; padding-left : 0px; color : #58585a; font-size:26px;}

.container { width : 975px; margin : 0 auto; text-align : left;}

#focus { width : 975px; font : normal 12px/16px arial; color : #91918F; margin:0; padding:0 }

#focus .col { float : left;}
#focus #intro { width : 400px; border-right : 1px solid #dedede; padding : 0 2px;}
#focus #contribuez { width : 250px; border-right : 1px solid #dedede; padding : 0 12px;}
#focus #appstore { width : 250px; padding : 0 12px;}


#contribuez .cta a { display : block; width : 163px; height : 20px; background : url('../images/cta_contribuez.jpg') no-repeat; font : normal 14px/14px arial; color : white; text-decoration : none; margin-top : 6px; text-align : center; padding-top : 3px;}

#contribuez .cta2 a { display : block; width : 163px; height : 20px; background : url('../images/cta_contacteznous.jpg') no-repeat; font : normal 14px/14px arial; color : white; text-decoration : none; margin-top : 6px; text-align : center; padding-top : 3px;}


.clearer { visibility : hidden; clear : both; height : 0; padding : 0px; margin : 0px; line-height:0px; display : block; }
* html .clearer { overflow:hidden }

#menu { width : 100%; background : #d4d4d2; height : 27px; margin-top : 25px; margin-bottom : 20px; }
#menu ul { width : 975px; margin : 0 auto; text-align : left; padding : 0; border-left : 1px solid white; }
#menu li.primary { float : left; height : 27px; background : #b8b8b6; border-right : 1px solid white; }
#menu li.primary a { text-decoration : none; font : normal 18px/18px arial; color : #58585a; padding : 4px 21px; background : #b8b8b6; display : block; }
#menu li a:hover{color:#FFF;}
#menu li.on { color : white; background : url(../images/fond_menu_focus.png) repeat-x;}
#menu li.on a { color : white; background : transparent;}

#menu li.secondary { float : right; height : 27px; }
#menu li.secondary a { text-decoration : underline; font : normal 14px/14px arial; color : #58585a; padding : 6px 20px; display : block; }

#content { font : normal 12px/15px arial; color : #58585a; }
#content p { margin-bottom : 10px; text-align : justify; }
#content h2 { font : normal 26px/30px arial; color : #58585a; margin-bottom : 15px; }
#content img.illustration { margin-bottom : 20px; }

#content h3 { font : normal 20px/20px arial; color : #181819; }
#content ul li { list-style : disc inside;}

.sensibilisation .h3_0 { width : 437px; height : 31px; padding : 5px 0 0 37px; background : url('../images/h3_1.jpg') no-repeat; cursor : pointer; }
.sensibilisation .h3_1 { width : 437px; height : 31px; padding : 5px 0 0 37px; background : url('../images/h3_2.jpg') no-repeat; cursor : pointer; }
.sensibilisation .h3_2 { width : 437px; height : 31px; padding : 5px 0 0 37px; background : url('../images/h3_3.jpg') no-repeat; cursor : pointer; }
.sensibilisation .h3_3 { width : 437px; height : 31px; padding : 5px 0 0 37px; background : url('../images/h3_4.jpg') no-repeat; cursor : pointer; }
.sensibilisation .h3_4 { width : 437px; height : 31px; padding : 5px 0 0 37px; background : url('../images/h3_5.jpg') no-repeat; cursor : pointer; }
.sensibilisation .h3_5 { width : 437px; height : 31px; padding : 5px 0 0 37px; background : url('../images/h3_6.jpg') no-repeat; cursor : pointer; }

#p_1, #p_2, #p_3, #p_4, #p_5 { display : none;}

#avoir { padding-bottom : 6px; background : #b8b8b6 url('../images/bottom_avoir.png') no-repeat bottom; }
#avoir h3 { padding-top : 10px; padding-left : 22px; padding-bottom : 6px; background : #d4d4d2 url('../images/top_avoir.png') no-repeat;}
#avoir p { padding : 8px 22px 0 22px; }

#content #col2 .section { margin-top : 22px; padding-bottom : 6px; background : #d4d4d2 url('../images/bottom_autres.png') no-repeat bottom; }
#content #col2 .section h3 { padding-top : 10px; padding-left : 22px; padding-bottom : 6px; background : #d4d4d2 url('../images/top_avoir.png') no-repeat; }
#content #col2 .section p { padding-left : 22px; padding-right : 22px; padding-bottom : 3px; }
#content #col2 .section ul { padding-left : 22px; padding-bottom : 6px; padding-right : 22px; }
#content #col2 .section ul li { margin-bottom : 6px; }
#content #col2 .section a { color : #58585a; }
#content #col2 .section a:hover { color : black; }

#content #col1 { width : 473px; float : left; margin-right : 26px; }
#content #col2 { width : 470px; float : left; }

.map #content #col1 { width : 405px; float : left; margin-right : 30px; }
.map #content #col2 { width : 515px; float : left; margin-bottom : 40px;}

#map_canvas { width : 501px; height : 322px; border : 7px solid #838382;}
#map_counters { float : left; padding-left : 7px; margin-top : 7px;}
#map_legende { margin-bottom : 20px; color : white; font : normal 11px/18px arial; padding : 7px 10px; background : #838382 url('../images/bas_legende.png') no-repeat bottom left; display : block; width : 157px; float : right; vertical-align : 100%; }

.sepa{}

form .sepa input { float : left; margin-bottom : 10px; width:250px;font-family: arial;font-size:11px;}
form .sepa textarea { float : left; margin-bottom : 10px;width : 250px;font-family: arial;font-size:11px;}
form .sepa select{ float : left; margin-bottom : 10px;width : 250px;}
form .sepa label { float : left; clear : left; font : normal 18px/18px arial; color : #58585a; width : 110px; text-align : right;padding-right:10px;}
form .captcha img {margin-left : 120px; margin-bottom : 10px; }
form .captcha { margin-bottom : 10px; }

#recaptcha_area { float : right; margin-bottom : 10px; }

#footer { width : 100%; background : #d4d4d2; height : 23px; margin-top : 10px; padding-top : 20px;font-family:Arial;font-size:11px;}
#footer .container { text-align : center; }
#footer a { color : #58585a; text-decoration : underline; }

#btn_search { clear : both; margin-top : 25px; display : block;}

#results { margin-top : 28px; background : #cde6f7 url('../images/bottom_search.gif') no-repeat bottom left; width : 404px;}
#results h3 { font : normal 20px/20px arial; color : #424244; padding : 14px 16px; background : #72b9e9 url('../images/top_search_result.png') no-repeat; }
#results li {  font : normal 14px/24px arial; color : #404041; padding : 5px 15px 5px 15px;  list-style-type : square !important;}
#results li a {  font : normal 14px/24px arial; color : #404041; text-decoration : none; }
#results li:hover { cursor : pointer; }
#results li.impair { background : #b7dbf4; }
#results li:last-child { background-image : url('../images/bottom_search.gif'); background-repeat : no-repeat; background-position : bottom left; }


/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}

span.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 9px;
	font-weight:bold;
	padding:1px 2px;
	color:#FFF;
	text-decoration: none;
	float:left;
}

span.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(/css/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(/css/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	font-family:Arial;
	font-size:12px	;
	position: absolute;
	z-index:100;
	border: 2px solid #dedede;
	background-color: #fff38a;
	text-align:left;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(/css/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}