/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue",Tahoma, arial, Helvetica, sans-serif;
	background-color: #696969;
	
	background-image:url(../images/fonds/fond_body_motif.png), url(../images/fonds/body.png) ;
background-position: center 150px, top left;
background-origin: border-box, content-box;
background-repeat: no-repeat, repeat-x;

}

/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,ol,dl,div,form {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
table{
	border-collapse:collapse;
}
ul {
	list-style-type:none;
}
p{
	font-size:12px;
	color:#4e4e4e;
}
a {
	text-decoration:none;
	color:inherit;
}
a:active, a:focus,submit:active{
   outline:none;
}
a:hover{
	text-decoration:none;
}


#global {
	width:980px;
	margin:auto;
	background: none;
}


/* ENTETE */
#entete {
	height:146px;
	float:left;
	position:relative;
	width:100%;
}
#entete h2 {
	position:absolute;
	bottom:20px;
	left:0;
}
#entete h3 {
	position:absolute;
	bottom:10px;
	left:0;
	color:#fff;
	font-size:10px;
	font-weight: 400;
	font-family: arial;
}
#entete p.btn_acces_client a {
	position:absolute;
	bottom:10px;
	right:0;
	color:#fff;
	font-size:10px;
	font-weight: 400;
}

/* MENU GAUCHE */
#colonne {
	float:left;
	width:238px;
}
#colonne div#menu_principal{
	float:left;
	
	width:237px;
	margin:40px 0 0 0;
	background: #ef7900 url(../images/fonds/fond_menu.png) no-repeat bottom right;
	border:1px solid #c3c3c3;
	border-width: 1px 0 1px 1px;
	padding:24px 0;
	display:inline;
}
#colonne div#menu_principal ul li a{
	float:left;
	width:199px;
	color:#fff;
	margin:0;
	padding:12px 0 12px 38px;
	font-size: 10px;
	font-family: arial;
	background: url(../images/divers/puce_item_menu.png) no-repeat 8px center ;
}
#colonne div#menu_principal ul li.actif a,
#colonne div#menu_principal ul li.actif a:hover{
	background: url(../images/fonds/fond_item_menu_actif.png) no-repeat 10px center;
	color:#616060;
	font-style: normal;
}
#colonne div#menu_principal ul li a:hover{
	color:#fff;
	background: url(../images/divers/puce_item_menu_hover.png) no-repeat 8px center ;
}

/* CORPS DE LA PAGE */
#corps {
	float:left;
	width: 742px;
	padding:20px 0 0 0;
	z-index:2;
	position:relative;
	min-height: 550px;
	display:inline;
}
*html #corps {
	height:500px;	
}

/* zones de contenus */
#corps div.zone {
	float:left;
	margin:0 0 30px 0;
	background: #fff url(../images/fonds/fond_zone_top.png) repeat-x top left;
	border:1px solid #fff;
	width:700px;
	padding:0 20px 0px 20px;
}
#corps div.zone.zone_ss_titre {
	padding:30px 20px 0px 20px;
}


#corps div.zone.formulaireLogin {
	height:520px;
}
#corps div.zone.message {
	float:left;
	margin:0 0 30px 0;
	background-image:none;
	background-color: #ef7900;
	border:1px solid #fff;
	width:700px;
	padding:20px 20px 20px 20px;
}
#corps div.zone.message p {
	color:#fff;
	margin:0 0 4px 0;
}
#corps div.zone h1 {
	font-size: 16px;
	color:#fe8c17;
	font-family: Verdana;
	font-weight: 400;
	margin:22px 0 30px 0;
	padding:0 0 0px 96px;
	border-bottom: 3px solid #fadaab;
	background: url(../images/fonds/puce_titre_principal.jpg) no-repeat 0 0px;
	height:30px;
	line-height:32px;
}
#corps div.zone h1.ss_marge {
	margin:22px 0 0px 0;
}
#corps div.col {
	float:left;
	width: 345px;
}
#corps div.col1 {
	margin:0 10px 0 0;
}
#corps div.col2 {
	margin:0 0px 0 0;
}

#corps div div.encart_accueil {
	background: #efeff0;
	width:326px;
	padding:9px;
	position:relative;
	display:inline;
	float:left;
}
#corps div div.encart_accueil img {
	margin:0;
}
#corps div div.encart_accueil.encart_contact {
	height:220px;
}
#corps div div.encart_accueil p.btn a {
	background: url(../images/fonds/fond_btn_resum_accueil.png) no-repeat bottom right;
	position:absolute;
	bottom:0;
	right:0;
	width:128px;
	height:26px;
	line-height: 30px;
	text-indent:66px;
	color:#fff;
	font-size: 9px;
}

#corps div.contenu {
	float:left;
	width:100%;
	margin:0 0 20px 0;
	position:relative;
}
#corps div.zone h3{
	font-family: Verdana;
	font-size: 14px;
	color:#1f1f1f;
	font-weight: 400;
	margin:0 0 10px 0;
}

#corps div.contenu p.intro {
	color:#2c2c2c;
}
#corps div.contenu p {
	margin:0 0 6px 0;
}
#corps div.contenu p.btn a{
	float:right;
}

#corps div.col2 div.contenu{
	margin:20px 0px 0 0;
}
#corps div.col2 div.contenu ul {
	list-style-type: none;
	margin:0 0 10px 0;
}
#corps div.col2 div.contenu ul  li {
	margin:0 0 4px 0;
	font-size:12px;
	font-family: arial;
	color:#393939;
	padding: 0 0 0 20px;
	background: url(../images/divers/puce_site.png) no-repeat top left;
}
#corps div.col2 div.contenu ul  li a{
	text-decoration: underline;
}
#corps div.col2 div.contenu ul  li a:hover{
	text-decoration: none;
	color:#5f5f5f;
}

/* liste réalisations accueil */
#corps div.liste_realisations div.item {
	float:left;
	width:100%;
	margin:0 0 20px 0;
}
#corps div.liste_realisations div.item h4{
	font-family: Verdana;
	font-size: 14px;
	color:#1f1f1f;
	font-weight: 400;
	margin:0 0 4px 0;
	text-indent: 22px;
	background: url(../images/divers/puce_site.png) no-repeat center left;
}
#corps div.liste_realisations div.item p.illu{
	float:left;
	border:1px solid #fff;
	margin:0 20px 0 0;
}
#corps div.liste_realisations div.item p.illu img{
	float:left;
}
#corps div.liste_realisations div.item div.descriptif {
	float:left;
	width:384px;
}
#corps div.liste_realisations div.item div.descriptif p{
	margin:0 0 4px 0;
}



/* PAGES DE TEXTES */
#corps div.texte p {
	margin:0 0 10px 0;
	font-size:12px;
}
#corps div.texte p.intro {
	margin:20px 0 20px 0;
	font-weight: 600;
	width: 100%;
	color:#5f5f5f;
}
#corps div.texte p.variant1 {
	padding:6px 62px;
	
	margin:20px 0;
	background: url(../images/fonds/fond_variant1.png) no-repeat top left;
	color:#e37300;

}
#corps div.texte strong {
	color:#5f5f5f;
}
#corps div.texte dt {
	margin:10px 0 0px 0;
	font-size: 14px;
	font-weight: 400;
	color:#1f1f1f;
}
#corps div.texte ul  {
	list-style-type: disc;
	list-style-position: inside;
	margin:0 0 10px 0;
}
#corps div.texte ul li {
	list-style-type: disc;
	margin:0 0 4px 0;
	font-size:12px;
	color:#4e4e4e;
}
#corps div.texte ul li dt {
	margin:0 0 0 30px;
	padding:10px 0 0 0;
	font-weight: 400;
	font-size:12px;
	color:#4e4e4e;
}
#corps div.texte ul li ul {
	margin:0 0 0 30px;
}
#corps div.texte ul li ul li {
	list-style-type: circle;
}
#corps div.texte ul li dt{
	display: inline;
}
#corps div.texte ul.peps li strong  {
	color:#d66c00;
	font-weight: 400;
}

#corps div.texte div.partie {
	margin:20px 0 0px 0;
	float:left;
}
#corps div.texte div.partie50 {
	margin:20px 0 0px 0;
	width: 50%;
	float:left;
}

#corps div.texte div.partie.partie1 {
	background: #efeff0;
	padding:10px 30px;
	margin:20px 0 0 0;
}
#corps div.texte div.partie div.chapitre {
	margin:0px 0 20px 0;
	float:left;
	width:100%;
	padding:0 0 0 0px;	
}
#corps div.texte div.partie div.chapitre ul {
	margin:0px;
}
#corps div.texte div.partie div.chapitre ul.compact li {
	float:left;
	width:30%;
	font-size:12px;
	margin:0;
}
#corps div.texte div.partie div.chapitre p.illu {
	float:left;
	margin:0 15px 0 0;
	width:230px;
}
#corps div.texte div.partie div.chapitre.pair p.illu {

}
#corps div.texte div.partie div.chapitre p.illu img {
	float:left;
}
#corps div.texte div.partie div.chapitre div.description {
	float:left;
	width:430px;
}
#corps div.texte div.partie div.chapitre p.conclusion {
	margin:20px 0 0px 0;
	font-weight: 700;
}
#corps div.texte a {
	text-decoration:underline;
}
p.btn_contact a{
	float:right;
	margin:20px 0;
}


/* pages questions */
#corps div.zone_centrale {
	width:442px;
	float:left;
	margin:0 20px 10px 0;
}
#corps div.colonne {
	width:238px;
	float:left;
	margin:0 0px 0 0;
}
#corps div.colonne h3 {
	font-size:13px;
}
#corps div.colonne p,
#corps div.colonne ul li {
	font-size:11px;
}
#corps div.colonne ul {
	margin:0px 0 10px 0;
}
#corps div.colonne p {
	margin:0px 0 4px 0;
}
#corps div.colonne div.colonne_zone {
	width:218px;
	float:left;
	margin:0 0px 20px 0;
	padding:10px;
	background: #f7f6f6;
}

/* MENU QUESTIONS  */
#corps div.menu_questions ul {

	margin:20px 0 10px 0;
}
#corps div.menu_questions ul li {
	font-size:12px;
	list-style-type: circle;
}



div.message_ie {
	width:100%;
	background: #fff;
	padding:4px 0;
	border-bottom:2px solid #000;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
div.message_ie p {
	width:980px;
	font-size: 12px;
	font-weight: 400;
	margin:auto;
}

/* PIED DE PAGE */
#pied {
	float:left;
	width: 960px;
	background: #fff;
	margin:20px 0 20px 0;
	padding:10px;
	position:relative;
	height:18px;
	display:inline;
}
#pied p {
	line-height:18px;
	text-align: left;
}
#pied p a {
	color:#5b5b5b;
}
#pied p.menu_bas {
	margin:0  0 0 20px;
}
#pied p.menu_bas span.show {
	color:#e37300;
}


#pied p.btn_share {
	position:absolute;
	right:20px;
	bottom:6px;
}
#pied p.btn_share a.like_facebook {
	position:relative;
	right:10px;
	top:-2px;
}
#pied p.btn_share a {
	float:left;
	margin:0 0 0 4px;
}

#pied p.illu_colonne{
	position:absolute;
	bottom:38px;
	left:10px;
}
#pied p.illu_colonne img{
	float:left;
}

/* formulaire  */
div.formulaire {
	float:left;
	width:100%;
}

div.formulaire div.bloc_form {
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
div.formulaire div.bloc_form.margeTop {
	margin:70px 0 10px 0;
}
div.formulaire div.bloc_form.margeBottom {
	margin:0px 0 70px 0;
}
div.formulaire div.bloc_form p.label {
	float:left;
	width:130px;
	font-weight: 700;
}
div.formulaire div.bloc_form p.submit {
	float:left;
	margin-left:130px;
}
div.formulaire div.bloc_form input.normal {
	width:300px;
}
div.formulaire div.bloc_form textarea.grand {
	width:450px;
	height:180px;
}
/* coins arrondis */

#corps div.zone,
#pied,
#corps div div.encart_accueil,
#corps div.texte div.partie.partie1,
#corps div.colonne div.colonne_zone{
	-moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px;         
    -webkit-border-top-left-radius: 8px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 8px; /* pour Chrome */
    -webkit-border-bottom-right-radius: 8px; /* pour Chrome */
    -webkit-border-bottom-left-radius: 8px; /* pour Chrome */
}
#colonne div#menu_principal{
	-moz-border-radius: 8px 0 0 8px; 
    -webkit-border-radius:8px 0 0 8px;  
    border-radius: 8px 0 0 8px;         
    -webkit-border-top-left-radius: 8px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 0px; /* pour Chrome */
    -webkit-border-bottom-right-radius: 0px; /* pour Chrome */
    -webkit-border-bottom-left-radius: 8px; /* pour Chrome */
}



/* ombres  */
#corps div.zone,
#pied {
	-moz-box-shadow: 1px 1px 12px #000; 
    -webkit-box-shadow: 1px 1px 12px #000; 
    box-shadow: 1px 1px 12px #000; 
}

#corps div.liste_realisations div.item p.illu,
#corps div.texte div.partie div.chapitre p.illu{
	-moz-box-shadow: 1px 1px 7px #5a5a5a; 
    -webkit-box-shadow: 1px 1px 7px #5a5a5a; 
    box-shadow: 1px 1px 7px #5a5a5a; 
}
#colonne div.menu_principal{
	-moz-box-shadow: 1px 2px 9px #1c1c1c; 
    -webkit-box-shadow: 1px 1px 9px #1c1c1c; 
    box-shadow: 1px 1px 9px #1c1c1c; 

}

#corps div.colonne div.colonne_zone{
	-moz-box-shadow: 1px 1px 12px #acacac; 
    -webkit-box-shadow: 1px 1px 7px #c6c6c6; 
    box-shadow: 1px 1px 7px #c6c6c6; 
}

/* ombres sur les textes */
#colonne div#menu_principal ul li.actif a,
#colonne div#menu_principal ul li.actif a:hover{
	text-shadow: 1px 1px 0px #bbbbbb; 
}