/* CSS Document */

/*			STYLE GENERAL	 	   */
/*			HABILLAGE PAGE 		   */
/*			HOME			 	   */
/*			PAGE			 	   */
/*			MENU			 	   */
/*			PIED PAGE		 	   */
/*			AUTRE			 	   */
/*			FORM		 		   */



/*********** STYLE GENERAL *********/


/*** lien ***/

a:focus

{ /* enleve le focus sur les liens dans FF */
	outline: none;/**/
}



a  {
	position:relative;
	color: #0091CF;
	text-decoration: none;
	padding: 1px 5px;
}

a:hover {
	color: #b60201;
}
#contenu a:hover {
	color: #fff;
	background-color:#0091CF;
}

.lien2
{
	color:#CA0E1D;
}
.lien2:hover
{
	color:#7D7666;
}

/*** TITRE ***/
.titre
{
	color:#006E6C;
	font-size:130%;
	margin:1em 0;
	background:url(../img/picto/picto.titre.gif) no-repeat left 0.1em;
	padding:3px 0 3px 33px;
}
.stitre
{
	font-size:120%;
	color:#007DB2; /* 435C00 007DB2  */
	margin:0.6em 0;
}

.sstitre
{
	color:#B60201; /* 435C00 007DB2  */
	font-size:110%;
	margin:0.6em 0.8em;
	text-align:left;
}


/*** LISTE ***/
dl
{
	margin:1em 0 1em 20px;
}
dl dt
{
	color:#B60201;
	margin-bottom:0.3em;
}
dl dd,
#news .newstxt ul li,
.puce
{
	background:url(../img/picto/puce.red.gif) no-repeat 0% 52%;
	padding-left:10px;
	margin:0.3em 0;
	list-style:none;
}
#news .newstxt ul li
{
	margin-left:20px;
}
.puce
{
	background-position: left 0.4em;
}

.ddimg img
{
	vertical-align:middle;
	padding-right:10px;
}
.ddimg a
{
	padding-left:0;
}
/*** float left et right ***/
.floatleft
{
	float:left;
	margin: 0 20px 10px 0;
}
.floatright
{
	float:right;
	margin: 0 0 10px 20px;
}




/* navigation pied */
.navig
{
	position:relative; /* ie 6 */
	float:right;
	list-style:none;
	margin:0.3em 0;
}
.navig li
{
	text-align:right;
	margin:0.5em 0.6em;
	display:inline;
}
.navig a,
.navig2 a
{
	background:url(../img/picto/puce.gif) no-repeat left 0.4em;
	padding-left:11px;
}

.navig2
{
	position:relative; /* ie 6 */
	float:none;
	list-style:none;
	margin:0.3em 0;
	font-size:110%;
}
.navig2 li
{
	text-align:left;
	margin:0.2em 0.6em;
	display:block;
}

 .top a,
 .bottom a,
 .left a,
 .right a
 .print a
{
	background:url(../img/picto/top.gif) no-repeat left 0.55em;
	padding-left:11px;
}
 .bottom a
{
	background:url(../img/picto/bottom.gif) no-repeat left 0.55em;
}
 .left a,
 .right a
{
	background:url(../img/picto/left.gif) no-repeat left 0.6em;
	padding-left:10px;
}
 .right a
{
	background:url(../img/picto/right.gif) no-repeat right 60%;
	padding-right:10px;
	padding-left:0;
}
 .print a
{
	background:url(../img/picto/print.gif) no-repeat left 0.35em;
	padding-left:14px;
}


/***** HEADER *****/



/********** Acces rapide Contenu haut page *****************/
/*** positionnement du menu acces dans style.css ***/

#accesmenu
{
	position:static;
	background:url(../img/fond.body.01.png) no-repeat center top;
	height:20px;/**/
}
#accesmenu li
{
	list-style:none;
	float:left;
	color:#4C6E91;
}
#accesmenu li a
{
	color:#2C4D6E;
	margin: 0 0.5em 0 0.5em;
	font-size:81%;
	text-decoration:none;
}
#accesmenu li a:hover,
#accesmenu li a:hover strong
{
	color:#009EE3;
}
#accesmenu .current a, #accesmenu .current a:hover,
#accesmenu .current a strong, #accesmenu .current a:hover strong
{
	color: #009EE3;
	font-weight:bold;
}
#accesmenu li  a strong
{
	font-size:110%;
	font-weight:bold;
}



/******* PIED PAGE ********/

/* Style pied page */
#footer { /* positionnement dans style.css */
	text-align: center;
	line-height: 20px;
	color: #FFF4D1;
	font-size: 85%;
}
#footer a {
	font-size: 1em;
	color: #FFF4D1;
	font-weight: normal;
	text-decoration: none;
	Padding: 5px 0 5px 0;
}
#footer a:hover {
	color: #fff;
}


/********** MENU ***********/
/********** MENU HAUT ***********/
#mh ul
{
	list-style:none;
	margin-left:0;
	line-height:27px;
}
#mh ul li
{
	display:inline;
	color:#e0dfd5;
	margin:0px 0px 0 0px;
}
#mh a
{
	color:#e0dfd5;
	padding:0px 10px 0 10px;
	display:inline-block;
}
#mh a span
{
}
#mh a:hover
{
	color:#fff;
	font-size:100%;
	/*padding:0 4px 0 4px;*/
	margin-top:-1px;
	/*background-color:#5d5328;*/
}
#mh .current a, #mh .current a:hover
{
	color:#dcda18;
	font-size:110%;
	padding:0 4px 0 4px;
	margin-top:0px;
	/*background-color:#0c3362;*/
}

/********** MENU BAS ***********/
#mb ul
{
	list-style:none;
	margin-left:0;
	line-height:27px;
}
#mb ul li
{
	display:inline;
	color:#e0dfd5;
	margin:0px 0px 0 0px;
}
#mb a
{
	color:#e0dfd5;
	padding:0px 10px 0 10px;
	display:inline-block;
}
#mb a span
{
}
#mb a:hover
{
	color:#fff;
	font-size:100%;
	/*padding:0 4px 0 4px;
	margin-left:-0.1em;
	margin-right:-0.1em;*/
	margin-top:-1px;
	/*background-color:#5d5328;*/
}
#mb .current a, #mb .current a:hover
{
	color:#dcda18;
	font-size:110%;
	padding:0 4px 0 4px;
	margin-top:0px;
	/*background-color:#494120;*/
}

/******** SOUS MENU *****/
#smh
{
	position:static;
	background:url(../img/fond.body.01.png) no-repeat left top;
	padding: 10px;
}
#smh ul
{
	position:relative;
	list-style:none;
	margin:1em 0;
	font-size:90%;
}
#smh ul li
{
	margin:3px 0;
	height:1%;
}
#smh ul a
{
	background:url(../img/picto/puce.right.gif) no-repeat 3px 0.35em;
	padding-left:15px;
}
#smh ul a:hover
{
	background:url(../img/picto/puce.right.on.gif) no-repeat 3px 0.35em #5EAFE0;
}
#smh ul .current a, #smh ul .current a:hover
{
	color: #fff;
	background:url(../img/picto/puce.right.current.gif) no-repeat 3px 0.35em #0091CF;
}

#smh ul ul
{
	margin:0 0 0 10px;
}
#smh ul ul a,
#smh .current ul a
{
	background:url(../img/picto/right.gif) no-repeat 3px 50%;
	padding-left:12px;
	color: #0091CF;
}
#smh ul ul a:hover,
#smh ul .current ul a:hover
{
	background:url(../img/picto/right.on.gif) no-repeat 3px 50% #5EAFE0;
}
#smh ul ul .current a, #smh ul ul .current a:hover
{
	color:#fff;
	background:url(../img/picto/right.on.gif) no-repeat 3px 50% #0091CF;
}



/***** CONTACT *****/



/* generique */
.espace
{
	display:inline-block;
	width:200px;
	/*color:#B60201;*/
	font-weight:bold;
}

.champ_text,
.champ_textarea,
.champ_password,
.champ_select,
.champ_date
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #fafafa;
	border: #ccc 1px solid;
	font-weight: bold;
	font-size:90%;
	width:250px;
}
.champ_text:focus,
.champ_text:hover,
.champ_textarea:focus,
.champ_textarea:hover,
.champ_password:focus,
.champ_password:hover,
.champ_select:focus,
.champ_select:hover,
.champ_date:focus,
.champ_date:hover
{
	background: #fff;
	/*color: #c00;*/
	border: #B60201 2px solid;
	color:#B60201;
	margin:0 0;
	padding-left: 3px;
}
.champ_textarea
{
	width:80%;
	height:100px;
}
.remarque .champ_textarea
{
	width:80%;
	height:100px;
}

.champ_radio,
.champ_checkbox
{
	background:none;
	margin:0.2em 0.3em 0.1em 0.2em;
}

.champ_submit,
.btimprimer
{
	width:200px;
	height:25px;
	display:block;
	float:right;
	border:0;
	color: #fff;
	font-weight:bold;
	background:url(../img/bt.gif) no-repeat left top;
}
.champ_submit:hover,
.btimprimer:hover
{
	background-position: left bottom;
}
.obli
{ /* *obligatoire */
	color:#B60201;
	font-weight:bold;
}



#formcontact, .formcontact
{
	margin-left:0px;
	margin:auto;
	border:#fff 1px solid;
}
#formcontact legend, .formcontact legend
{
	padding-left:0;
	margin-bottom:0.5em;
	color:#B60201;
	font-size:130%;
}
#formcontact label,
.formcontact label
{ /* *obligatoire */
	display:inline-block;
	padding:0 2px;
}
#formcontact dd,
.formcontact dd
{
	background:none;
}

.submit
{
	width:250px;
	height:26px;
	display:inline-block;
	/*border:0;
	color: #fff;
	background:url(../img/bt2.gif) no-repeat left top;*/
	margin-right:0px;
}
.submit:hover
{
	/*background-position: left bottom;*/
}

/* contact */

input.normal, input.focus,
textarea.normal, textarea.focus
{
	width:300px;
}

.checkboxform, .inputform
{ /* config txt dans .txt dans form plus bas*/
	line-height:2em;
	font-weight:bold;
}
.checkboxform span
{
	display:block;
	float:left;
	width:17em;
}
.inputform .spanform
{
	display:block;
	float:left;
	width:21em;
}



/****** FORMULAIRE ******/

form {
	margin:0;
}
select, textarea, input, .normal, input.case,
select.normal, textarea.normal {		/*** configuration general ***/
	color: #666;
	background-color: #fafafa;
	font-weight: bold;
	font-size:90%;
}
input.case {		/*** configuration case a coché ***/
	background-color: transparent;
}

.focus, .focus2, .focus3,
select.focus,
textarea.focus, textarea.focus2  {	/*** Mise en avant des champs en cours d'utilisation - onfocus="this.className='focus';" ***/
	background: #fff;
	/*color: #c00;*/
	border: #B05737 2px solid;
	color:#B05737;
	margin:0 0;
	padding-left: 3px;
}
textarea, input, .normal, select,
.search, .fpart, .fpart2 {	/*** Retour à  l'état normal aprés l'utilisation - onblur="this.className='normal';" ***/
	padding-left: 3px;
	font-weight: bold;
	margin:1px 1px;
}
.normal, .focus {	/*** taille des champs ***/
	/*width: 180px;*/
}
.normal {	/*** bordure des champs ***/
	border: #A6A08F 1px solid;
}

select.normal, select.focus, .submit { /*** taille select ***/
	/*width: 187px;*/
}
textarea.normal, textarea.focus, textarea.focus2  /*** taille textarea ***/
{
	/*font-size:100%;*/
	height:8em;
}



/****** réalisations *********/
#realisation
{
	text-align:center;
}
#realisation h2,
#realisation .stitre
{
	text-align:left;
}
#realisation span
{
	display:inline;
}
#realisation span a
{
	padding:10px;
	margin:0 5px 10px 5px;
	display:inline-block;
}
#realisation span a img
{
	/*width:180px;*/
	border:#fff 2px solid;

}
#realisation span strong
{
	display:inline-block;
	margin-top:0.5em;
}


#realisation span a:hover
{
	color: #fff;
	background-color:#5EAFE0;
}
#realisation span a:active
{
	color: #fff;
	background-color:#B60201
}

#realisation .current a,
#realisation .current a:hover
{
	color: #fff;
	background-color:#0091CF;
}

/******* NEWS *********/
#news
{
}
#news .news
{
	border:#fff 1px solid;
	padding:20px 40px;
	margin: 20px 0;
}