/* style css screen */

body, html{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #675953;
	background: url(img/fond.jpg) top repeat-x;
	padding-bottom: 15px;
}
body{
	
}
h2{
	font-size: 21px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #675953;
	margin: 0;
	padding: 6px 0 12px;
}
h3{
	font-size: 16px;
	margin: 0;
	font-weight: normal;
	padding: 2px 0 6px 0;
}
h4{
	font-size: 15px;
	margin: 0;
	padding: 2px 0;
}
h5{
	font-size: 14px;
	margin: 0;
	padding: 2px 0;	
}
img{
	border: 0;
}
.couleur1{
	/*orange*/
	color: #F4941F;	
}
.couleur2{
	/*gris*/
	color: #7C6C66;
}
.couleur3{
	/*bleu fonce*/
	color: #5E869E;
}
.couleur4{
	/*vert*/
	color: #ACAE31;	
}
.couleur5{
	/*marron*/
	color: #4D2400;
}
.couleur6{
	/*bleu clair*/
	color: #7494B2;	
}

/* styles des encadrés */

/*orange*/
.actu_encadre1, .gab1_encadre1, .gab2_encadre1, .article_encadre1{
	background: #F4941F url(img/encadre/ac-h-or.gif) top no-repeat;
	color: #FFF;
}
.actu_encadre1 .fin_encadre, .gab1_encadre1 .fin_encadre, .gab2_encadre1 .fin_encadre, .article_encadre1 .fin_encadre{
	background: #F4941F url(img/encadre/ac-b-or.gif) bottom no-repeat;
	height: 10px;
}
.article_encadre1 li{
	color: #675953;
}
/*bleu*/
.actu_encadre2, .gab1_encadre2, .gab2_encadre2, .article_encadre2{
	background: #A9BBC8 url(img/encadre/ac-h-bl.gif) top no-repeat;
	color: #FFF;
}
.actu_encadre2 .fin_encadre, .gab1_encadre2 .fin_encadre, .gab2_encadre2 .fin_encadre, .article_encadre2 .fin_encadre{
	background: #A9BBC8 url(img/encadre/ac-b-bl.gif) bottom no-repeat;
	height: 10px;	
}
/*gris*/
.actu_encadre3, .gab1_encadre3, .gab2_encadre3, .article_encadre3{
	background: #BCB1AC url(img/encadre/ac-h-gr.gif) top no-repeat;
	color: #FFF;
}
.actu_encadre3 .fin_encadre, .gab1_encadre3 .fin_encadre, .gab2_encadre3 .fin_encadre, .article_encadre3 .fin_encadre{
	background: #BCB1AC  url(img/encadre/ac-b-gr.gif) bottom no-repeat;
	height: 10px;
}
/*gris clair*/
.actu_encadre4, .gab1_encadre4, .gab2_encadre4, .article_encadre4{
	background: #BCB1AC url(img/encadre/ac-h-gr2.gif) top no-repeat;
}
.actu_encadre4 .fin_encadre, .gab1_encadre4 .fin_encadre, .gab2_encadre4 .fin_encadre, .article_encadre4 .fin_encadre{
	background: #BCB1AC url(img/encadre/ac-b-gr2.gif) bottom no-repeat;
	height: 10px;
}

.actu_encadre1 h4, .gab1_encadre1 h3, .gab2_encadre1 h3, .article_encadre1 h3, 
.actu_encadre2 h4, .gab1_encadre2 h3, .gab2_encadre2 h3, .article_encadre2 h3, 
.actu_encadre3 h4, .gab1_encadre3 h3, .gab2_encadre3 h3, .article_encadre3 h3, 
.actu_encadre4 h4, .gab1_encadre4 h3, .gab2_encadre4 h3, .article_encadre4 h3{
	padding: 7px 7px 10px 7px;
}
.article_encadre1 h3, .article_encadre2 h3, .article_encadre3 h3, .article_encadre4 h3{
	border-bottom: 1px solid #FFF;
	margin: 0 7px 7px 7px;
	padding: 7px 0 5px 0;
}
.actu_encadre1 a, .gab1_encadre1 a, .gab2_encadre1 a, .article_encadre1 a, 
.actu_encadre2 a, .gab1_encadre2 a, .gab2_encadre2 a, .article_encadre2 a, 
.actu_encadre3 a, .gab1_encadre3 a, .gab2_encadre3 a, .article_encadre3 a, 
.actu_encadre4 a, .gab1_encadre4 a, .gab2_encadre4 a, .article_encadre4 a{
	color: #5B4F4B;
	text-decoration: underline;
	font-weight: normal;
}
.actu_encadre1 h4, .actu_encadre2 h4, .actu_encadre3 h4,.actu_encadre4 h4{
	padding-left: 10px;
}
.actu_encadre1 div, .actu_encadre2 div, .actu_encadre3 div,.actu_encadre4 div{
	padding: 0 10px;
}
.actu_encadre1{
}
.actu_encadre1 li{
	color: #675953;
}
.actu_encadre2{
}
.actu_encadre3{
}


.gab1_encadre1, .gab1_encadre2, .gab1_encadre3, .gab1_encadre4{
	margin-right: 10px;
}
.gab1_encadre1 div, .gab1_encadre2 div, .gab1_encadre3 div{
	padding: 0 7px;
}
.gab1_encadre1{
	background-image: url(img/encadre/gab1-h-or.gif)	
}
.gab1_encadre1 .fin_encadre{
	background-image: url(img/encadre/gab1-b-or.gif)	
}
.gab1_encadre1 li{
	color: #675953;
}
.gab1_encadre2{
	background-image: url(img/encadre/gab1-h-bl.gif)	
}
.gab1_encadre2 .fin_encadre{
	background-image: url(img/encadre/gab1-b-bl.gif)	
}
.gab1_encadre3{
	background-image: url(img/encadre/gab1-h-gr.gif)	
}
.gab1_encadre3 .fin_encadre{
	background-image: url(img/encadre/gab1-b-gr.gif)	
}
.gab1_encadre4{
	background-image: url(img/encadre/gab1-h-gr2.gif)	
}
.gab1_encadre4 .fin_encadre{
	background-image: url(img/encadre/gab1-b-gr2.gif)	
}


.gab2_encadre1 div, .gab2_encadre2 div, .gab2_encadre3 div{
	padding: 0 7px;
}
.gab2_encadre1{
	background-image: url(img/encadre/gab2-h-or.gif)	
}
.gab2_encadre1 .fin_encadre{
	background-image: url(img/encadre/gab2-b-or.gif)	
}
.gab2_encadre1 li{
	color: #675953;
}
.gab2_encadre2{
	background-image: url(img/encadre/gab2-h-bl.gif)	
}
.gab2_encadre2 .fin_encadre{
	background-image: url(img/encadre/gab2-b-bl.gif)	
}
.gab2_encadre3{
	background-image: url(img/encadre/gab2-h-gr.gif)	
}
.gab2_encadre3 .fin_encadre{
	background-image: url(img/encadre/gab2-b-gr.gif)	
}
.gab2_encadre4{
	background-image: url(img/encadre/gab2-h-gr2.gif)	
}
.gab2_encadre4 .fin_encadre{
	background-image: url(img/encadre/gab2-b-gr2.gif)	
}


.article_encadre1 div, .article_encadre2 div, .article_encadre3 div{
	padding: 0 7px;
}
.article_encadre1{
	background-image: url(img/encadre/dr-h-or.gif);
}
.article_encadre1 .fin_encadre{
	background-image: url(img/encadre/dr-b-or.gif);
}
.article_encadre1 li{
	color: #675953;
}
.article_encadre2{
	background-image: url(img/encadre/dr-h-bl.gif);
}
.article_encadre2 .fin_encadre{
	background-image: url(img/encadre/dr-b-bl.gif);
}
.article_encadre3{
	background-image: url(img/encadre/dr-h-gr.gif);
}
.article_encadre3 .fin_encadre{
	background-image: url(img/encadre/dr-b-gr.gif);
}
.article_encadre4{
	background-image: url(img/encadre/dr-h-gr2.gif);
}
.article_encadre4 .fin_encadre{
	background-image: url(img/encadre/dr-b-gr2.gif);
}


a{
	text-decoration: none;
	color: #FAA634;
}
a:hover{

}
p{
	padding: 5px 0;
	line-height: 16px;
	margin: 0;
}
ul{
	margin: 0;
	padding: 4px 0 4px 15px;
	list-style-type: square;
}
li{
	margin: 0;
	padding: 2px 0;
	color: #F4941F;	
}
/* blocs principaux */
#page{
	position: relative;
	width: 960px;
	margin: 0 auto;
	border: 1px solid #C6C7C9;
	border-top: 0;
	padding-bottom: 5px;
	background: #FFF url(img/h_page.jpg) 20px 240px no-repeat;
}

/* entete */
#entete{
	height: 210px;
	background: #fff url(img/entete.jpg) top no-repeat;
}
#entete h1{
	margin: 0;
	padding: 0;
	/*float: left;*/
	width: 250px;
	height: 80px;
}
#entete #logo{
	display: block;
	position: absolute;
	padding: 0 0 0 250px;
	top: 70px;
	left: 50px;
	width: 0;
	height: 80px;
	overflow: hidden;
}
#entete h2, #entete h3{
	display: none;
}
#entete #menu2{
	position: absolute;
	top: 170px;
	right: 30px;
	width: 145px;
}
#entete #menu2 li, #entete #menu2 ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#entete #menu2 li{
	padding-bottom: 4px; 	
}
#entete #menu2 a{
	display: block;
	width: 0;
	height: 19px;
	padding-left: 145px;
	overflow: hidden;
	background: url(img/menu2.jpg) no-repeat;
}
#entete #menu2 #m2-1{
	background-position: 0 0;
}
#entete #menu2 #m2-1:hover{
	background-position: -145px 0;
}
#entete #menu2 #m2-2{
	background-position: 0 -19px;
}
#entete #menu2 #m2-2:hover{
	background-position: -145px -19px;
}
#entete #menu2 #m2-3{
	background-position: 0 -38px;
}
#entete #menu2 #m2-3:hover{
	background-position: -145px -38px;
}
#entete #adresse{
	position: absolute;
	top: 54px;
	right: 30px;
	width: 150px;
	height: 90px;
}
#entete h3, #entete #adresse{
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-style: normal;
	text-align: right;
	vertical-align: bottom;
	line-height: 14px;
}
#entete a{
	text-decoration: underline;
	color: #675953;	
}

/* menu */
#menu{
	margin: 0 10px 40px 50px;
	letter-spacing: 1px;
	font-size: 13px;
}
#menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu ul li{
	display: inline;
	margin: 0;
	padding: 0;
}
#menu ul li a{
	padding: 0 12px 0 4px;
	font-weight: normal;
	color: #787068;
	background: url(img/puce.gif) right no-repeat;
}

#menu ul li a:hover{
	color: #FAA634;
}
#menu b{
	color: #F4941F;
	font-weight: normal;
}
#menu ul li .der{
	background: none;	
}

/* barre d'outils */
#outils{
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	padding: 5px 0 5px 2px;
	margin: 0;
	list-style-type: none;
	background: url(img/f_outils.gif) bottom no-repeat;
}
#outils li{
	display: inline;
	margin: 0;
	padding: 0;
}
#outils li a{
	display: block;
	width: 0px;
	height: 20px;
	padding-left: 20px;
	overflow: hidden;
	background-image: url(img/icones.gif);
}
#out1{
	background-position: 0 0;
}
#out1:hover{
	background-position: -20px 0;
}
#out2{
	background-position: 0 -40px;
}
#out2:hover{
	background-position: -20px -40px;
}
#out3{
	background-position: 0 -20px;
}
#out3:hover{
	background-position: -20px -20px;
}
#out4{
	background-position: 0 -60px;
}
#out4:hover{
	background-position: -20px -60px;
}
/* page d'accueil */
#acc_contenu{
	padding: 0 0 0 30px;
}
#acc_colonne1, #acc_colonne2, #acc_colonne3{
	width: 225px;
	float: left;
	padding: 15px 8px;
}
#acc_colonne2{
	width: 400px;
}
.acc_encadre{
	/*margin-bottom: 15px;
	padding: 10px;
	background: url(img/f_encadre.gif) top no-repeat;*/
}
.acc_encadre p{

}
.enq_moment{
	background: #ede7e1 url(img/h_enq_moment.gif) top no-repeat;
	margin: 0;
	padding: 6px 10px;
}
.fin_enq{
	background: #ede7e1 url(img/b_enq_moment.gif) bottom no-repeat;
	height: 8px;
	margin-bottom: 15px;
}
.enq_moment h3{
	display: block;
	margin: 0;
	color: #675953;
}
.enq_moment p{
	background: url(img/f_p_encadre.gif) top left no-repeat;
	padding: 5px 0 10px 5px;
}
.focus{
	background-color: #f4941f;
	color: #ede7e1;
}
.fin_focus{
	background: #f4941f url(img/b_enq_moment.gif) bottom no-repeat;
	height: 8px;
	margin-bottom: 15px;
}
.focus h3{
	display: block;
	margin: 0;
	color: #ede7e1;
}
.focus a{
	color: #FFF;
}
.acc_bloc_solution{
	float: left;
	width: 180px;
	height: 50px;
	margin: 0 20px 20px 0;
}
.acc_bloc_solution h4{
	margin: 0;
	text-align: center;
}

#acc_actus{
	/*background: #FFF url(img/f_actu.gif) top left no-repeat;*/
}
#acc_actus h3{
	color: #F4941F;
	display: none;
}
.acc_bloc_actu{
	padding-bottom: 10px;
	/*border-bottom: 1px solid #bcb1ac;*/
	margin-bottom: 10px;
	background: url(img/b_actu.gif) bottom right no-repeat;
}
#diaporama{
	position: relative;
	width: 400px;
	height: 160px;
	background: #FFF;
	margin-bottom: 15px;
}
#diaporama img{
	position: absolute;
	left: 0;
	top: 0;
}

 /* fil d'ariane */
#ariane{
	margin: 6px 0 2px 190px;
	letter-spacing: 1px;
	font-size: 10px;
}

/* sous-menu */
#smenu{
	float: left;
	width: 140px;
	padding: 20px 0 0 30px;
	min-height: 200px;
	background: url(img/f_smenu.gif) top right no-repeat;
}
#smenu ul, #smenu li{
	padding: 0;
	list-style-type: none;
}
#smenu b{
	color: #BCB1AC;
}
#smenu ul{
	margin: 0 0 10px 10px;
}
#smenu ul li{
	margin: 0 0 10px 0;
}
#smenu ul li ul li{
	margin: 0 10px;
	padding: 4px 0;
	list-style-type: circle;
}
#smenu a{
	color: #2D6882;
}
#smenu a:hover{
	color: #F4941F;
}


/* contenu de la page */
#contenu_page{
	/*padding-left: 270px;*/
	float: left;
	margin: 0 0px 0 20px;
	width: 510px;
}
#chapeau{
	background: url(img/f_chapeau.gif) bottom right no-repeat;
	padding: 0 10px 10px 0;
	/*width: 450px;*/
	margin: 0 20px 20px 0;
}
#chapeau p{
	margin: 0;
}

/* colonne droite d'articles */
#colonne_articles{
	padding: 0 0 0 20px;
	border-left: 1px solid #675953;
	float: left;
	width: 210px;
}
#colonne_articles h3{

}
.article_page{
	margin-bottom: 10px;
}

/* bas de page */
#basdepage{
	display: block;
	background: url(img/f_bas.jpg) bottom no-repeat;
	height: 85px;
}
#basdepage p{
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #675953;
}
#icp{
	float: right;
	width: 800px;
}
#icp p{
	text-align: right;
	padding: 10px 50px 20px 0;
}
#basdepage #icp img{
	border: 0;	
}
#texte_bas{
	float: left;
	width: 500px;
}
#texte_bas p{
	text-align: left;
	padding-left: 20px;
}
#copy_mentions{
	float: right;
	width: 300px;
}
#copy_mentions p{
	text-align: right;
	padding-right: 20px;
}

/* gabarits */

#colonne1{
	float: left;
	width: 235px;
	margin-right: 20px;
}
#colonne2{
	float: left;
	width: 235px;
}

#liste_questions{
	margin: 10px 0;
	padding: 0;
}
#liste_questions li{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}
#liste_questions a{
	display: block;
	color: #7C6C66;
	background: url(img/puce4.gif) 0 3px no-repeat;
	padding-left: 15px;
}
#liste_questions .selection{
	background: url(img/puce3.gif) left no-repeat;
}

.bloc_gabarit{
	margin-bottom: 10px;
}
.carre_gabarit{
	float: left;
	width: 150px;
	margin: 0 16px 10px 0;
	background: url(img/encadre/car-h.gif) top no-repeat;
}
.carre_gabarit .fin_encadre{
	height: 8px;
	margin: 0;
	padding: 0;
	background: url(img/encadre/car-b.gif) bottom no-repeat;
}
.carre_gabarit h3, .carre_gabarit div, .carre_gabarit p{
	margin: 2px 10px;
}
.carre_gabarit h3{
	margin-top: 10px;
}
.carre_gabarit div p{
	margin: 0;
}
.carre_gabarit p{
	margin-bottom: 6px;
}

/* formualire de contact et newsletter*/
#form_contact label{
	display: block;
	float: left;
	width : 120px; 
}
#form_contact input, #form_contact textarea{
	width: 300px;
	margin-right: 20px;
}
#form_contact input.bouton{
	margin-left: 120px;
	width: auto;
}
#form_abonnement input{
	margin-right: 20px;	
}

/* classes globales */
.selection, a.selection, li a.selection, #menu ul li a.selection, #smenu a.selection{
	font-weight: bold;
	color: #F4941F;
}

input, textarea{
	border: 1px solid #7C6C66;	
}
form input.bouton, #form_abonnement input.bouton{
	display: block;
	width: auto;
	padding: 2px 4px;
	text-align: center;
	border: 1px solid #7C6C66;
	background: none;
}
.bouton:hover{
	background-color: #ccc;
}

.spacer{
	clear: both;
}