body, html {
font: .85em Arial, Verdana, sans-serif; height: 100%;width: 100%; padding: 0; margin: 0;
line-height: 18px; color: #333;
background: #FFF;
}

/*Styles principaux*/
a img {border: 0;padding: 0;margin: 0;}
a {color:#698E00;}
a:hover {color: #333;}
hr {display: none;}
form {padding: 0;margin: 0;}
p {margin: 1.12em 0;}

/*image fondu dans le texte*/
.fondu_gauche {
	float: left;
	margin: 10px 10px 2px 0;
}
.fondu_droite {
	float: right;
	margin: 10px 0 2px 10px;
}
/*pour centrer les images*/ 
.centrer {text-align: center;}

/*Listing*/
.listing {margin: 1em 0 1em 20px;list-style-type: square;color: #777;padding: 0;line-height:1.6em;}
.listing a {color: #777;}


/*conteneur*/
#conteneur {
width: 740px;
margin-left: auto;
margin-right: auto;
background:#FFF;
}

/*Header*/
#header {
		height: 88px;
		background: #698E00 url(../img/style01/flags.jpg) no-repeat;
		position: relative;
		margin: 0;padding: 0;
}
#header a#logo {
		font-size: 0px;
		left: 23px;
		line-height: 1px;
		top: 0px;
		position: absolute;
		text-decoration: none;
		text-indent: -5000px;
		width: 228px;
		height: 88px;
		}
#header h1 {
        margin: 0;
		padding: 0;
		
				}

#header_bottom {
		position:relative;
		width:740px;
		height:227px;
		background:#FFF url(../img/style01/bg_header_s01.jpg);
		}


/*Navigation horizontal*/
ul#navigation {
        
        list-style:none;
        margin:21px 0 0 0;
		padding:0;
		float:left;
		width:287px;
		
		}
		
ul#navigation li {
		
		display:block;
		height:30px;
		line-height:30px;
		border-bottom:1px solid #C5CEB2;
		}

ul#navigation li a {
        color:#553;
		font: normal 12px Helvetica, Arial, Verdana, sans-serif;
		text-decoration:none;
		padding-left:15px;
		display:block;
		height:30px;
		line-height:30px;
		}
		
ul#navigation li a:hover {
        
		color:#698E00;
		text-decoration:none;
		padding-left:30px;
		display:block;
		height:30px;
		line-height:30px;
		background:#F0FFC6;
		font-weight:bold;
		
		}
		
		
		
/*logo*/
#logo {
        background: transparent url(../img/logo.jpg) no-repeat;
		width:290px;
		height:100px;
		float:left;	
		}		

/*centre*/
#centre {
		
		
		border:1px solid #C5E375;
		border-bottom:none;
		position:relative;
		

		}

/*droite*/
#droite {
        position:absolute;
        width: 244px;
		height:367px;
        background: #FFF url(../img/style01/droite_defaut.jpg);
        margin: 0;
        padding: 0;
		right:42px;
		top:120px;
		}
#droite b {color: #555;text-decoration: none;margin-left: 5px;margin-top: 9px;font-size: 10px;}
#droite h1 {
        padding: 0;
		margin: 18px 0 18px 0;
		font-size:22px;
		}
#droite h2 {}
#droite h3 {}
#droite h4 {}
#droite h5 {}
#droite h6 {}
#droite #conteneur_text {
        margin:0 15px;
		}

/*gauche*/
#gauche {
		width: 395px;
		margin:0 0 0 22px;
		}
#gauche b {color: #555;text-decoration: none;margin-left: 5px;margin-top: 9px;font-size: 10px;}
#gauche h1 {padding-bottom: 0; margin-bottom: 0;}
#gauche h2 {}
#gauche h3 {}
#gauche h4 {}
#gauche h5 {}
#gauche h6 {}

/*pied de page*/
#pied {
		height: 60px;
		clear: both;
		margin: 0;
		padding: 0;
		color:#656565;
		text-align:center;
		padding-top:200px;
		background:transparent url(../img/style01/logo_pied.jpg) no-repeat 125px 210px;
		
		}
#pied p {
       margin: 0;
	   padding: 0;
	   line-height:60px;
	   
	   }
	   

	   
#pied a:hover {color: #C8C8C8;text-decoration: underline;}

/*Style de texte*/
ul.list_text {
        margin:0 20px;
		padding:0;
		list-style:none;
		}
ul.list_text li {
        margin:.8em 1.2em;
        list-style-image: url(img/puce.gif);
		}
		
/*Divers*/
#formulaire_devis p {
        position:relative;
		}

#formulaire_devis label {
        display:block;
		}
		
#formulaire_devis input.a_droite {
        background:#183A61;
		border:1px solid #4E7DA8;
		color:#FFF;
		width:180px;
		font: .85em "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
		position:absolute;
		left:250px;
		}
		
#formulaire_devis select.a_droite {
        background:#183A61;
		border:1px solid #4E7DA8;
		color:#FFF;
		width:180px;
		font: .85em "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
		position:absolute;
		left:250px;
		}
		
#formulaire_devis input.radio {
        width:inherit;
		position:relative;
		left:0;
		background:none;
		border:none;
		/*margin-left:-140px;*/
		}
	
ul#list_devis input {	
		width:inherit;
		position:relative;
		left:0;
		background:none;
		border:none;
		}
		
ul#list_devis {
        margin:0;
		padding:0;
		list-style:none;
		}
		
ul#list_devis li {
        position:relative;
		}
		
ul#list_devis li div {
        position:absolute;
		left:300px;
		display:block;
		}
		
ul#list_devis label {
        display:inline;
		}
		
div#adherer {
		margin:5px 0;
		padding:0;
		background:#FFF url(../img/style01/adhesion.jpg) no-repeat;
		width:738px;
		height:75px;
		position:relative;
		
		}
		
div#adherer_link {
		position:absolute;
		top:0;
		left:0;
		width:369px;
		height:75px;
	
		
		}
		
div#visio_link {
		position:absolute;
		top:0;
		right:0;
		width:369px;
		height:75px;
	
		
		}
		
div#adherer_link a, div#visio_link a {
		display:block;
		width:369px;
		height:75px;
		}
		
div#adherer_link a span, div#visio_link a span {
		display:none;
		}

#pieces_jointes {
		position:absolute;
        width: 244px;
        margin: 0;
        padding: 0;
		right:42px;
		top:120px;
		}
	
#images_personnalisees {
		position:relative;
        background: #FFF url(../img/style01/bg_images_personalisees.jpg) repeat;
        margin: 0 0 30px 0;
        padding: 0;
		
		}
		
ul#list_images_peronnalisees {
		position:relative;
		list-style:none;
		margin:0;
		padding:0;
		}
		
ul#list_images_peronnalisees li {
		text-align:center;
		display:block;
		font: normal 1.2em Arial, Helvetica, sans-serif;
		color:#333;
		margin:0;
		padding:5px 0 20px 0;
		background:transparent url(../img/style01/puce_img_perso.jpg) no-repeat 50% 17%; 
		}
		
ul#list_images_peronnalisees li img {
		border:2px solid #698E00;
		width:90px;
		height:90px;
		}
		
#fichiers_associes {
		position:relative;
		border:1px solid #698E00;;
}

ul#list_fichiers_associes {
		position:relative;
		list-style:none;
		margin:0;
		padding:0 15px;
		}
		
ul#list_fichiers_associes li {
		
		margin: 15px 0;
		}
ul#list_fichiers_associes li img {
		float:left;
		margin:0 5px 5px 0;
		width:24px;
		height:23px;
		}

#lang_francais {
		position:absolute;
		right:100px;
		top:7px;
		color:#FFF;
		font-size:10px;
		}
		
#lang_anglais {
		position:absolute;
		right:13px;
		top:7px;
		color:#FFF;
		font-size:10px;
		}

#lang_francais a, #lang_anglais a {

		color:#FFF;
		text-decoration:none;
}

#lang_francais a:hover, #lang_anglais a:hover {

		color:#FFF;
		text-decoration:underline;
}

/***********************************partie admin*************************************************/
#cadre {
	background-color: #C8DBEF;
	margin: 7px 0 0 0;
}

#form_adhesion input.reaction {font: 11px Helvetica, Arial, sans-serif; background : #FFF; border : 1px solid #698E00; color: #333; height: 15px; width: 250px; padding : 0 2px; vertical-align: middle; margin: 0; line-height: 13px;
font-weight: bold;}

#form_adhesion input.mini {font: 11px Helvetica, Arial, sans-serif; background : #FFF; border : 1px solid #698E00; color: #333; height: 15px; width: 100px; padding : 0 2px; vertical-align: middle; margin: 0; line-height: 13px;
font-weight: bold;}


input.reaction  {font: 11px 'Trebuchet MS', Arial, sans-serif; background : #FFF; border : 1px solid #C3C7C0; color: #333; height: 15px; width: 250px; padding : 0 2px; vertical-align: middle; margin: 0; line-height: 13px;
font-weight: bold;}
select.reaction  {font: 11px 'Trebuchet MS', Arial, sans-serif; background : #FFF; border : 1px solid #C3C7C0; color: #333; height: 15px; width: 250px; padding : 0 2px; vertical-align: middle; margin: 0; line-height: 13px;
font-weight: bold;}
.reaction textarea {font: 11px 'Trebuchet MS', Arial, sans-serif; background : #FFF; border : 1px solid #C3C7C0; color: #333;width: 100%;height: 145px;padding : 0 2px; vertical-align: middle; margin: 0;font-weight: bold;}
label {
	font-weight: bold;
}
.formulaire {
width: 450px;
margin-left: auto;
margin-right: auto;
}
.formulaire span {
	color: Red;
	font-weight: bold;
	font-size: 14px;
}