/* INITIALISATION ----------------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; }
	html { height: 100%;}
	img { border: 0; margin: 0; }
	form { margin: 0; padding: 0; }
	p { margin-bottom: 15px; }
	ul { margin-left: 0px; }

	body {
		background: url(../images/body_bg.png) repeat-x left top #DED1B8;
		color: #828282;
		font-family: Verdana, Arial, Helvetica, Trebuchet MS;
		font-size: 11px;
		height: 100%;
		margin: 0;
		padding: 0;
		}



/* STRUCTURE GÉNÉRALE ----------------------------------------------------------------------------------- */

	.global { width: 980px; margin: 0 auto; }

	.header { height: 148px; padding: 26px 0px; background: url(../images/header_bg.jpg) no-repeat right top; font-size: 0px;}

	.menu { height: 38px;  background: url(../images/menu_bg.png) no-repeat 6px top;}

	.centre { background: url(../images/centre_bottom.png) no-repeat left bottom; padding-bottom:40px;}

	.contenu { background: url(../images/contenu_bg.png) no-repeat right top #FFFFFF; margin: 0px 6px; padding: 25px 12px 7px 12px;}

	.plan { padding: 0px 17px;}

	.gauche { width: 416px; padding: 10px 10px 10px 26px; float: left; background: url(../images/gauche_bg.png) no-repeat #F5F1EA; overflow: hidden;line-height: 150%;}

	/*.sousMenu { width: 243px; float: left; margin-left: 12px }*/
	.sousMenu { width: 243px; float: left; margin-left: 12px; margin-top: 14px; }

	.outils { width: 225px;  padding-left: 12px; background: url(../images/sous-menu_bg.png) repeat-y; float: left; }

	.logos { height: 185px; background: url(../images/logos_bg.png) no-repeat; text-align: center; padding: 35px 6px 0px 12px;}

	.footer { color: #7E3807; text-align: center; padding-bottom: 20px; }



/* HEADER ----------------------------------------------------------------------------------- */

	.logo { margin-left: 19px; }

	.langues { position: absolute; top: 160px; margin-left: 900px;}

	.langues li { list-style:none; float: left; }

	.langues li a { display: block; width: 25px; height: 28px; text-decoration: none; }

	.fr { background-image:url(../images/langue_fr-off.png); }
		.fr:hover, .frActif { background-image:url(../images/langue_fr.png); }

	.en { background-image:url(../images/langue_uk-off.png); }
		.en:hover, .enActif { background-image:url(../images/langue_uk.png); }

	.de { background-image:url(../images/langue_de-off.png); }
		.de:hover, .deActif { background-image:url(../images/langue_de.png); }

	.es { background-image:url(../images/langue_es-off.png); }
		.es:hover, .esActif { background-image:url(../images/langue_es.png); }

	.it { background-image:url(../images/langue_it-off.png); }
		.it:hover, .itActif { background-image:url(../images/langue_it.png); }
	
	.langues li a span { display: none; }



/* MENU ----------------------------------------------------------------------------------- */

	.menu img { float: left; display: block; } /* pour les séparateurs */

	.menu li { float: left; list-style:none; }

	.menu li a {
		display: block;
		float: left;
		height: 27px;
		line-height: 38px;
		font-size: 145%;
		color: #7E3807;
		text-decoration: none;
		padding: 11px 21px 0px 21px;
		}

	.menu li a:hover, .menu li .actif {
		color: #505050;
		background: url(../images/menu_over.gif) repeat-x center top;
		}

	.menu li .lienAccueil {
		color: #505050;
		float: left;
		display: block;
		height: 27px;
		line-height: 38px;
		padding-top: 11px;
		margin-left: 30px;
		}
		.fleche /* pour positionner la fleche du lien accueil */ {
		float: left;
		margin-top: 2px;
		margin-right: 5px;
		}



/* GAUCHE -------------- */

	.gaucheBas { margin: 10px -10px -10px -26px; }
	.gauche ul { margin-bottom: 10px; }
	.gauche ul li { margin-left: 26px; list-style: url(../images/li.gif) outside; }
	.gauche ul li ul { margin-bottom: 10px; }
	.gauche ul li ul li { margin-left: 15px; list-style : url(../images/li_li.gif) outside; }



/* SOUS-MENU ----------------------------------------------------------------------------------- */

	.sousMenu ul { margin: 5px 0px 30px 0px; }

	.sousMenu ul li{
			color: #828282;
			font-size: 100%;
			list-style: none;
			margin-left: 15px;
			font-weight: normal;
			line-height: 21px;
			}
		.sousMenu ul li a {
				color: #828282;
				text-decoration: none;
				font-weight: normal;
				font-size: 100%;
				}
				.sousMenu ul li a:hover { text-decoration: underline; }



/* OUTILS ----------------------------------------------------------------------------------- */


	.titreGauche {
		font-size: 145%;
		color: #505050;
		margin-bottom: 9px;
		display: block;
		}

	/* CONTACT */
	.btnContact {
		display: block;
		font-size: 145%;
		width: 187px;
		height: 40px;
		color: #FFFFFF;
		text-decoration: none;
		padding: 13px 0px 0px 37px;
		background: url(../images/btn_contact.png) no-repeat;
		}
		
	.btnContact:hover { background-position: -224px top; }
		
	.btnContact span {
		display: none;
	}
		
	.btnContactEN {
		display: block;
		font-size: 145%;
		width: 187px;
		height: 40px;
		color: #FFFFFF;
		text-decoration: none;
		padding: 13px 0px 0px 37px;
		background: url(../images/btn_contact_EN.png) no-repeat;
		}
		
	.btnContactEN:hover { background-position: -224px top; }
		
	.btnContactEN span {
		display: none;
	}

	/* ESPACE CLIENT */
		.btnClient {
		display: block;
		font-size: 145%;
		width: 188px;
		height: 40px;
		color: #CEBB95;
		text-decoration: none;
		padding: 13px 0px 0px 37px;
		background: url(../images/btn_client.png) no-repeat;
		}
		
	.btnClient:hover { background-position: -225px top; color: #FFFFFF; }
		
	.btnClient span {
		display: none;
	}
	
	.btnClientEN {
		display: block;
		font-size: 145%;
		width: 188px;
		height: 40px;
		color: #CEBB95;
		text-decoration: none;
		padding: 13px 0px 0px 37px;
		background: url(../images/btn_client_EN.png) no-repeat;
		}
		
	.btnClientEN:hover { background-position: -225px top; color: #FFFFFF; }
		
	.btnClientEN span {
		display: none;
	}

	.outils label { margin-left: 22px; }

	.outils .lien { margin: 3px 0px 10px 22px; color: #CEBB95; font-size: 90%; float: left; }

	/* BLOCS BLANC ET BEIGE */
	.blocBlanc {
		width: 208px;
		color: #BDA470;
		background: url(../images/outils_bloc-blanc_bg.gif) repeat-y;
		font-size: 109%;
		padding: 0px 5px 2px 12px;
		line-height: 18px;
		float: left;
		}
		.blocBlanc a {
			font-size: 100%;
			color: #CEBB95;
			text-decoration: none;
			float: right;
			margin: 5px 2px 0px 0px ;
			}
			.blocBlanc a:hover { text-decoration: underline; }

	.blocBeige {
		width: 208px;
		height: 79px;
		color: #FFFFFF;
		background-color: #CEBB95;
		font-size: 109%;
		padding: 12px 5px 0px 12px;
		line-height: 18px;
		float: left;
		}
		.blocBeige a {
			font-size: 100%;
			color: #F5F1EA;
			text-decoration: none;
			float: right;
			margin: 5px 2px 0px 0px ;
			}
			.blocBeige a:hover { text-decoration: underline; }

	/* QUI SOMMES-NOUS */
	.outils ul { margin: 5px 0px 30px 20px; }

	.outils ul li{
			color: #828282;
			font-size: 100%;
			list-style: none;
			font-weight: normal;
			line-height: 21px;
			}
		.outils ul li a {
				color: #828282;
				text-decoration: none;
				font-weight: normal;
				font-size: 100%;		
				}
				.outils ul li a:hover { text-decoration: underline; }


/* PLAN ----------------------------------------------------------------------------------- */

	.plan .liste {
		list-style: none;
		color: #505050;
		line-height: 21px;
		float: left;
		width: 25%;
		}

	.plan .liste li /* titre de la liste */ {
		color: #7E3807;
		font-size: 109%;
		font-weight: bold;
		}

	.plan .liste li a /* liens Un réseau, contact, etudes... */ {
		color: #7E3807;
		font-size: 100%;
		font-weight: bold;
		text-decoration: none;
		}

	.plan .liste li ul li{
		color: #505050;
		font-size: 100%;
		list-style: none;
		margin-left: 11px;
		font-weight: normal;
		}

	.plan .liste li ul li a, .plan .liste li ul .titre ul li, .plan .liste li ul .titre ul li a {
		color: #505050;
		text-decoration: none;
		font-weight: normal;
		font-size: 100%;		
		}

	.plan .liste li ul .titre, .plan .liste li ul .titre a{
		color: #7E3807;
		font-size: 100%;
		font-weight: bold;	
		}
	
	.plan .liste a:hover, .plan .liste li ul li ul li a:hover { text-decoration: underline; }



/* LOGOS ----------------------------------------------------------------------------------- */

	.logos div {
		width: 16%;
		height: 24px;
		float: left;
		margin: 14px 2px;
		color: #646464;
		background: no-repeat center top;
		padding-top: 70px;
		}
	.logos .separateur { float: left; margin: 25px 0px 0px 1px; }

	.logos div a div {
		text-decoration: none;
	}


/* FOOTER ----------------------------------------------------------------------------------- */

	.footer a { color: #7E3807; text-decoration: none; margin: 0 5px; }
	.footer a:hover  { text-decoration: underline; }
	.footer img { vertical-align: top; }



/* ÉLÉMENTS FORMULAIRE ----------------------------------------------------------------------------------- */

	.field {
		background: url(../images/field_bg.png) no-repeat;
		width: 162px;
		height: 15px;
		padding: 3px 10px;
		border: none;
		margin: 3px 0px 5px 10px;
		color: #828282;
		font-size: 100%;
		}
	.gauche label {
		width: 130px;
		text-align: right;
		margin: 0px 0px 0px 0px;
		display: block;
		float: left;
		}
	.gauche .field {
		background: url(../images/field_gauche_bg.png) no-repeat;
		width: 163px;
		height: 15px;
		padding: 3px 10px;
		border: none;
		color: #828282;
		font-size: 100%;
		margin-top: -32x;
		}

	.password {
		background: url(../images/password_bg.gif) no-repeat;
		width: 122px;
		height: 15px;
		padding: 3px 10px;
		border: none;
		margin: 3px 0px 0px 10px;
		color: #828282;
		font-size: 100%;
		float: left;
		}

	.btnEnvoyer {
		width: 68px;
		height: 21px;
		border: none;
		color: #FFFFFF;
		text-align: center;
		line-height: 21px;
		background: url(../images/btn_envoyer.png) no-repeat;
		margin: 10px 0px 0px 140px;
		}
		.btnEnvoyer:hover { background-position: -68px top;	}

	.btnOk {
		float: left;
		margin-top: 3px;
		}

	.gauche textarea {
		background: url(../images/textfield_bg.png) no-repeat;
		width: 163px;
		height: 150px;
		padding: 10px;
		border: none;
		color: #828282;
		font-size: 100%;
		margin: 3px 0px 0px 10px;
		}
		
	.gauche select {
		background: url(../images/select_bg.png) no-repeat;
		width: 400px;
		padding: 3px 10px;
		border: none;
		color: #828282;
		font-size: 100%;
		display: block;
		font-family: Verdana, Arial, Helvetica, Trebuchet MS;
		margin: 0px 0px 12px 10px;
		}


/* TYPOS ----------------------------------------------------------------------------------- */

	h1 {
		font-size: 218%;
		color: #7E3807;
		/*background: url(../images/h1_bg.gif) no-repeat left 5px;*/
		padding-left: 18px;
		margin: 0px 0px 20px -16px;
		}

	h2 {
		font-size: 110%;
		color: #B48B6D;
		font-weight: bold;
		margin: -20px 0px 0px 0px;
		}

	h3 {
		font-size: 145%;
		color: #505050;
		/* background: url(../images/h3_bg.gif) no-repeat left 3px; */
		/* padding-left: 20px; */
		margin-bottom: 9px;
		}

	h4 {
		font-size: 145%;
		color: #FFFFFF;
		letter-spacing: 1px;
		}

	.intro {
		font-size: 110%;
		color: #B48B6D;
		font-weight: bold;
		}
		
	.titreSousMenu {
		font-size: 145%;
		color: #505050;
		background: url(../images/h2_bg.gif) no-repeat left 3px;
		padding-left: 14px;
		}

	


/* STYLES IE 6 ----------------------------------------------------------------------------------- */
	
	* html 	.gauche {
			padding-bottom: -10px;
			}

	* html .logos {
			background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logos_bg.png', sizingMethod='crop');
			}

	* html .fr {
			background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/langue_fr-off.png', sizingMethod='crop');
			}
		* html .fr:hover,  *html .frActif {
			background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/langue_fr.png', sizingMethod='crop');
			}
	* html .en {
			background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/langue_uk-off.png', sizingMethod='crop');
			}
		* html .en:hover,  *html .enActif {
			background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/langue_uk.png', sizingMethod='crop');
			}

	* html .de {
			background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/langue_de-off.png', sizingMethod='crop');
			}
		* html .de:hover,  *html .deActif {
			background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/langue_de.png', sizingMethod='crop');
			}

	* html .es {
			background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/langue_es-off.png', sizingMethod='crop');
			}
		* html .es:hover,  *html .esActif {
			background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/langue_es.png', sizingMethod='crop');
			}

	* html .it {background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/langue_it-off.png', sizingMethod='crop');
			}
		* html .it:hover, *html .itActif {background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/langue_it.png', sizingMethod='crop');
			}