@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}


html, body{
	background: url(assets/bg.png) repeat left top;	
font-family: 'Karla', sans-serif;
font-size:13px;

	}
	
p{
font-size:13px;	
	}
h1{
	color:#5F808B;
	margin:5px 0 15px 0;
	background:url(assets/bg_h1.jpg) repeat-x left -8px;
	padding:24px 0 15px 60px;
	margin:15px 0 0 0;
	border:#E1E5EB solid 1px;
	}

h2{
	color:#FF9900;
	margin:20px 0;
	font-size:16px;
	background:url(assets/bg-h2.jpg) repeat-x bottom left;
	padding:0 0 15px;
	}
	
h3{
	color:#666;
	margin:15px 0;
	font-size:16px;
	}
	h4{
	color:#5F808B;
	text-transform:uppercase;
	font-size:13px;
	}

h5{
	color:#5F808B;
	text-transform:uppercase;
	font-size:12px;
	float:left;
	margin:0 8px 0 0 ;
	}
	
hr{
	border-top: 1px solid #E9F3F9;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin:15px 0;
	}
div.plus_loin a{
	color: #60828B;
    font-style:italic;
    text-decoration: none;
	}
	
div.plus_loin a:hover{
    text-decoration: underline;
	}
#banner{
	/*background:#F4E7BA url(assets/accueil.png) no-repeat top right;
	height:640px;*/
	margin:20px 0;
	border-top: solid 15px #fff;
	border-bottom: solid 15px #fff;
	background-color:#fff;
	}

#content{
	width:100%;
	background-color:#fff;
	}	
	
#contenu{
	margin:auto;
	width:88%;
	}
	
#texte{
	overflow:auto;
	padding:0 0 50px;
	}
/*#footer{
	width:100%;
	position:fixed;
	bottom:0;
	height:40px;
	background-color:#60828B;
	color:#fff;
	font-weight:bold;
	padding:10px 0 0 0;
	text-align:right;
	}
	*/

#menu{
	text-align:right;
	}
	
#menu li{
	display:inline;
	margin:10px 20px;
	}
	
	div.clear{
		clear:both;
		}
div.title{
	float:left;
	
	
	}		

div.menu{
	/*background: url("assets/bg-menu2.png") no-repeat scroll -40px top transparent;*/
    /*font-size: 14px;*/
    font-weight: bold;
    height: 240px;
    line-height: 24px;
    margin: 115px 10px 10px 10px;
    /*padding: 60px 0 0 60px;
    width: 388px;*/
	background-color:#60828B;
	padding:15px 0 0 0 ;
	position:relative;
	top:20px;
	}
	

div.menu a{
	text-decoration:none;
	color:#fff;
	}	
	
div.menu a:hover{
	color:#FF9900;
	}	
div.menu a:active{
	color:#FF9900;
	}	

	
div.colonne1{
	float:left;
	margin:0 0 0 10px;
	}
	
div.colonne2{
	float:left;
	margin:0 0 0 15px;
	}
	
div.colonne1 li, div.colonne2 li{
	list-style:none;
	}

IMG.question{
	/*float:left;*/
	margin:0 0 0 0;
	}

div.question p{
	font-weight:bold;
	font-style:italic;
	line-height:16px;
	margin:20px 0  0 20px ;
	font-size:14px;
	}

div.question{
	margin:30px  0 0 0;
	font-weight:bold;
	color:#5F808B;
	}
	
IMG.eclairage{
	margin: 15px auto;
	}
	
div.parole{
	/*width:45%;*/
	float:left;
	margin:0 20px 0 0;
	}
	
div.parole p{
	font-weight:bold;
	font-style:italic;
	line-height:16px;
	margin:0 0 20px 0;
	font-size:14px;
	color:#5F808B;
	}

div.eclairage{
	column-count:1;
	-moz-column-count: 1;
	-webkit-column-count:1;
	}
	
div.plus_loin{
	/*width:45%;
	float:right;*/
	margin:0 0 0 0;
	background-color:#EEF1F2;
	padding: 15px 15px 15px 15px;
	}
	
div.note{
	border-top: 1px solid #E9F3F9;
    font-size: 10px;
    margin: 25px 0 0;
    padding: 10px 0 0;
	}

div.plus_loin ul{
	list-style:none;
	margin:15px 0 ;
	}
	
div.plus_loin li{
	list-style:none;
	padding:0 0 10px 15px;
	}
	
span.num{
	color:#FFB240;
	margin:0 20px 0 -40px;
	}
	
div.haut a{
	color:#60828B;
	padding:6px 15px;
	text-decoration:none;
	font-weight:bold;
	float:right;
	text-align:center;
	margin:20px 0 0 0;
	}
	
/*.aller-a {
	float: right;
	margin:6px 10% 0 0;
	height:40px;
	}
	
.aller-a span{
	float: left;
	margin:0 12px 0 0;
	height:40px;
	}
	
.aller-a a{
	 background: url("assets/bg-rond.jpg") no-repeat scroll left top transparent;
    color: #60828B;
    display: block;
    float: left;
    margin: 0 3px;
    text-align: center;
    text-decoration: none;
    width: 16px;
	font-size:12px;
	height:40px;
	}
.aller-a a:hover{
	 background: url("assets/bg-rond-hover.jpg") no-repeat scroll left top transparent;
	 color:#fff;
	}*/
	
div.title{
	font-size:32px;
	color: #60828B;
	position:relative;
	top:20px;
	left:10px;
	text-transform:uppercase;
	}
	
/*---test-------*/

/*a.popup{
    color:#FFA218;
	vertical-align:super;
	text-decoration:none;
}
a.popup:hover,a.popup:focus{
    background:#E1E5EB;
}

#popup , #popup2 , #popup3 , #popup4 , #popup5 , #popup6 ,#popup7 ,#popup8 ,#popup9 ,#popup10 {
    position:absolute;
	top:-40px;
    color:#FF9900;
	width:360px;
	 /*float: right; */
    /*margin: 6px 10% 0 0;
	-moz-box-shadow: 0px 0px 4px #888;
	-webkit-box-shadow: 0px 0px 4px #888;
	box-shadow: 0px 0px 4px #888;
	background-color:#fff;
	padding:6px 10px;
	}
	*/
 

div.logos{
	/*padding:0 0 0 180px;*/
	background-color:#fff;
	width:360px;
	margin:0 0 0 10px;
	position:relative;
	top:15px;
	}
div.box-logo{
	background-color:#fff;
	float:left;
	margin:0 0 1px 1px;
	}           
div.logo2{
	padding:20px 0 0 0;
	}
div.logo3{
	padding:15px 0 0 0;
	font-size:11px;
	}