body {
margin:0;
padding:0;
background-image: url(img/background3.jpg);
background-position:top center;
background-repeat:no-repeat;
height:1050px;

}
#global
{
width:1000px;
margin:0 auto;
}
#bandeau_haut
{
float:left;
width:1000px;
height:22px;
background: url(img/bandeauhaut.jpg); 
font: 10px verdana;
}
#bandeau_haut a
{
color:white;
float:right;
margin-right:10px;
text-decoration:none;
padding-top:4px;
}
#bandeau_haut a.ledrich:hover
{
color:#1ea0c1;
}
#bandeau_haut a.houin:hover
{
color:#f15a07;
}

#bandeau_haut label
{
color:#8d8d90;
float:right;
margin-right:10px;
padding-top:4px;
}
label#left
{
float:left;
padding-left:15px;
font: 10px verdana;
color:#8d8d90;
}
#bandeau
{
float:left;
width:1000px;
height:85px;
background: url(img/bandeaubas.jpg); 
}
#bandeau.orange
{
background: url(img/logoorange.jpg);
background-repeat:no-repeat;

}
#bandeau.bleu
{background-image: url(img/logobleu.jpg);
background-repeat:no-repeat;

}
#bandeau.vert
{background-image: url(img/logovert.jpg);
background-repeat:no-repeat;

}
#bandeau a.retour img
{
float:right;
margin:67px;
border:none;
}
#menu
{
float:left;
margin-left:210px;
margin-top:40px;
}
a.m_admin
{
color:white;
text-decoration:underline;
font-weight:bolder;
margin-left:40px;
}
#centre
{
float:left;
width:1000px;
height:626px;
background: url(img/centre3.jpg); 
background-repeat:no-repeat;
}

#footer
{
width:100%;
float:left;
padding-top:10px;
text-align:center;
}
#footer p
{

color:white;
font:10px verdana;
}
#footer p a
{

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


#centre h1
{
font-family:verdana;
font-size:16px;
text-align:left;
margin:55px 20px 0 40px;
border-bottom:1px solid #88b221;
width:460px;
font:14px verdana;
color:#88b221;
font-weight:bolder;
letter-spacing:2px;
}
#centre h2
{
font-family:verdana;
font-size:16px;
text-align:left;

border-bottom:1px solid #88b221;

font:14px verdana;
color:#88b221;
font-weight:bolder;
letter-spacing:2px;
}
#centre h1 span
{
color:blue;
}
#centre p
{
margin-bottom:20px;
margin-left: 40px;
width:460px;
font-size:11px; 
text-align:justify;
font-family:verdana;
line-height:1.4em;
}
#centre p span
{
color:#88b221;
}
#centre ul
{
width:400px;
margin-top:5px;
margin-bottom:5px;
}
#centre ul li
{
list-style:none;
font-size:11px;
font-family: verdana; 
}
#centre ul li span.orange
{
color:#f15a07;
}
#centre ul li span.blue
{
color:#1ea0c1;
}
#centre img.accueil
{
float:right;
margin-right:50px;
margin-top:15px;
width:400px;
height:400px;
}
#centre img.contact
{
float:right;
margin-right:50px;
margin-top:25px;
width:400px;
height:400px;
}
#centre a.accueil
{
color:#96AF14;
font-weight:bolder;
}
#menu_centre
{
float:left;

margin-top:20px;
margin-left: 20px;
}
#menu_centre a div
{
float:left;
border:none;
margin-left:10px;
cursor:pointer;
}

#menu_admin
{
float:left;
margin-top:20px;
margin-left: 20px;
border:1px outset gray;
}
#menu_admin a
{
color:black;
padding:10px;
text-decoration:none;
line-height:1.3em;
}
#menu_admin a:hover
{
text-decoration:underline;
}
#contact
{
width:89px;
height:28px;
float:left;
margin-left:20px;
cursor:pointer;
}
#contact.origine:hover
{
background:url(img/bouton_contact_over.jpg);
}
#contact.origine
{
background:url(img/bouton_contact.jpg);
}
#contact.active
{
background:url(img/bouton_contact_fleche.jpg);
}

#web
{
width:37px;
height:28px;
float:left;
margin-left:20px;
cursor:pointer;
}
#web.origine:hover
{
background:url(img/bouton_web_over.jpg);
}
#web.origine
{
background:url(img/bouton_web.jpg);
}
#web.active
{
background:url(img/bouton_web_fleche.jpg);
}
#print
{
width:54px;
height:28px;
float:left;
margin-left:20px;
cursor:pointer;
}
#print.origine:hover
{
background:url(img/bouton_print_over.jpg);
}
#print.origine
{
background:url(img/bouton_print.jpg);
}
#print.active
{
background:url(img/bouton_print_fleche.jpg);
}

#logotype
{
width:89px;
height:29px;
}
#logotype.origine
{
background:url(img/btn1p_logotype_none.jpg);
}
#logotype.origine:hover
{
background:url(img/btn1p_logotype_over.jpg);
}
#logotype.active
{
background:url(img/btn1p_logotype_fleche.jpg);
}
#edition
{
width:69px;
height:29px;
}
#edition.origine
{
background:url(img/btn2p_edition_none.jpg);
}
#edition.origine:hover
{
background:url(img/btn2p_edition_over.jpg);
}
#edition.active
{
background:url(img/btn2p_edition_fleche.jpg);
}
#illustration
{
width:118px;
height:29px;
}
#illustration.origine
{
background:url(img/btn3p_illustration_none.jpg);
}
#illustration.origine:hover
{
background:url(img/btn3p_illustration_over.jpg);
}
#illustration.active
{
background:url(img/btn3p_illustration_fleche.jpg);
}
#typo
{
width:117px;
height:29px;
}
#typo.origine
{
background:url(img/btn4p_typographie_none.jpg);
}
#typo.origine:hover
{
background:url(img/btn4p_typographie_over.jpg);
}
#typo.active
{
background:url(img/btn4p_typographie_fleche.jpg);
}
/*boutons web*/
#siteweb
{
width:83px;
height:29px;
}
#siteweb.origine
{
background:url(img/btn1w_siteweb_none.jpg);
}
#siteweb.origine:hover
{
background:url(img/btn1w_siteweb_over.jpg);
}
#siteweb.active
{
background:url(img/btn1w_siteweb_fleche.jpg);
}
#logiciel
{
width:75px;
height:28px;
}
#logiciel.origine
{
background:url(img/btn2w_logiciel_none.jpg);
}
#logiciel.origine:hover
{
background:url(img/btn2w_logiciel_over.jpg);
}
#logiciel.active
{
background:url(img/btn2w_logiciel_fleche.jpg);
}
#contactm
{
width:159px;
height:29px;
}
#contactm.origine
{
background:url(img/btn1c_contact_none.jpg);
}
#contactm.origine:hover
{
background:url(img/btn1c_contact_over.jpg);
}
#contactm.active
{
background:url(img/btn1c_contact_fleche.jpg);
}
#demanded
{
width:173px;
height:29px;
}
#demanded.origine
{
background:url(img/btn2c_devis_none.jpg);
}
#demanded.origine:hover
{
background:url(img/btn2c_devis_over.jpg);
}
#demanded.active
{
background:url(img/btn2c_devis_fleche.jpg);
}
a.logotype 
{
color:#f15a07;
text-decoration:underline;
}
a.logotype:hover
{
text-decoration:none;
}
a.sites 
{
color:#1ea0c1;
text-decoration:underline;
}
a.sites:hover
{
text-decoration:none;
}
/*admin*/


.alert
{
color:red;
font-weight:bolder;
}
/**/
/*****************************************/
 .invalidInput, .error{  
 color:white;  
 background-color:#acbd17;  
 }  
 .error,.notice{  
 padding:0.5em;  
 margin:0.5em;  
 }  
 .error{  
     border:2px solid white;  
     display:none;  
	 
 }  
 .notice {  
     background-color:#FFF6BF;  
     color:#514721;  
     border:2px solid #FFD324;  
     display:none;  
 }  

#form{
	width:600px;	
	float:right;	
	margin:20px 60px;
    font-size:10px;
    font-family:Verdana, sans-serif;/*on my mind!!*/
}
#form fieldset{
		margin-bottom: 10px;
	border: #CCC 2px solid;
}
#form legend{
	font-size:12px;
	color:white;
	margin-top:0.3em;
	padding: 0 10px;
	border-left: #CCC 2px solid;
	border-right: #CCC 2px solid;
	font-size: 1.2em;	
}
#form label{	
			color:#9d9d9d;
            display: block;
            width: 150px;
            float: left;
            padding-right: 1%;
            text-align: right;
            letter-spacing: 1px;	
}
#form input[type="text"],#form input[type="file"], #form input[type="checkbox"],#form select, #form textarea{
	width:350px;
	margin-bottom: 1em;
	margin-left:0.5em;
}
#form input:hover, #form select:hover, #form textarea:hover, #form input:focus, #form select:focus, #form textarea:focus
{	
	background-color: #eafddf;
}
#form input[type="submit"]
{
	width:150px;
	float:right;
	margin-right:55px;	
	color:black;	
}
#form input[type="submit"]:hover
{
	color:white;
	background-color: gray;
	cursor: pointer;
}
/**/

#monForm
{
	width: 500px;
	float:left;
	margin-left:50px;
    font-size:10px;
    font-family:Verdana;
	display:none;
}

#monForm p
{
	margin: 2px 0;
	color:white;
}

/* fieldset , legend */
#monForm fieldset
{
	margin-bottom: 10px;
	border: none;

}
#monForm fieldset legend
{
margin-top:5px;
margin-bottom:5px;
	padding: 0 10px;
	border-left: #bfcc5a 1px solid;
	border-right: #bfcc5a 1px solid;
	font-size: 1.2em;
	color: white;
}

/* Label */
#monForm label
{
	background-color: #bfcc5a;
	display: block;
	width: 30%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}

#monForm tr td
{
color:white;
}

#monForm .form_label_nostyle
{
	background: none;
}

/* Input */
#monForm input,#monForm textarea, #monForm select
{
	margin-left: 1%;
	width: 50%;
	border: #CCC 1px solid;
}
#monForm input[type="radio"],#monForm input[type="checkbox"]
{
	margin-left: 1%;
	width: 3%;
	border: none;
}
#monForm input[type="radio"]:hover,#monForm input[type="checkbox"]:hover
{
	border: none;
	background-color: #eafddf;
}
#monForm input:hover, #monForm textarea:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus
{
	border: #999 1px solid;
	background-color: #eafddf;
}

#monForm .form_input_day_month
{
	width: 3%;
}

#monForm .form_input_year
{
	width: 6%;
}

/* button submit */
#monForm input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
	text-align:center;
}

#monForm input[type="submit"]:hover
{
	background-color: #bfcc5a;
	cursor: pointer;
}
table#contact
{
float:left;
color:white;
width:400px;
margin-left:50px;
display:none;
margin-top:10px;
width:500px;
font:11px verdana;
}
table#contact span#ledrich
{
color:#1ea0c1;
}
table#contact span#houin
{
color:#f15a07;
}
table#contact tr td.titres
{
width:150px;
}
table#contact tr th
{
padding-bottom:5px;
padding-top:5px;
text-align:left;
}
table#contact tr th.deb
{
    font-size: 1.2em;
    font-family:Verdana;
	
}
table#contact tr td a#ledrich
{
color:#1ea0c1;
font-style:oblique;
}
table#contact tr td a#houin
{
color:#f15a07;
font-style:oblique;
}

div.left
{
float:left;
width:400px;
}
div.right
{
float:right;
width:400px;
}
	#new
	{
width:900px;
margin:50px auto;
font-size:10px;
font-family:Verdana;
color:white;
display:none
	}
#new fieldset.formContainer
        {
margin-top: 5px;		
    margin-bottom: 5px;
	border: none;     	
        	
        }
#new p
{
	margin: 2px 0;
	color:white;
}
 #new .rowContainer
 {
    margin: 2px 0;
	color:white;
	width:100%;
    overflow:hidden;

}
#new fieldset legend
{

margin-bottom:5px;
	padding: 0 5px;
	border-left: #bfcc5a 1px solid;
	border-right: #bfcc5a 1px solid;
	
	color: white;
	

}
#new .rowContainer label
{
	background-color: #bfcc5a;
	display: block;
	width: 30%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}

#new .rowContainer input
{
	margin-left: 1%;
	width: 200px;
	
}
#new .formContainer textarea
{
width:200px;
}
#new .rowContainer input[type="radio"],#new .rowContainer input[type="checkbox"]
{
	margin-left: 1%;
	width: 3%;
	border: none;
}
#new .rowContainer input:hover,#new .formContainer textarea:hover,#new .rowContainer  input:focus,#new .formContainer textarea:focus
{

	background-color: #eafddf;
}
#new .rowContainer input[type="radio"]:hover,#new .rowContainer input[type="checkbox"]:hover
{
	border: none;
	background-color: #eafddf;
}
#new .tooltipContainer
{
        	height:11px;
        	font-size:10px;        	
        	display:none;
        	float:none;
        	background-repeat:no-repeat;
        	background-position:left center;
        	padding:0px 20px;
			width:70%;
}
        .info
        {color: orange;
        	
        }
        .error
        {
        	border:none;
			background-color:#acbd17;
        	color: black;
        }