body {
	margin: 0px;
	padding: 0px;
	background-color: #0070C0;
	height:100%;
	width:100%;
}
.bandeau {
		height:285px;
		width:955px;
		background:url(interface/bandeau.jpg) no-repeat;
		/*position:relative;	/* pour que les éléments du header se refere à #header
							   permet également un bon affichage du site dans dreamweaver */
	}
.centre {	
	    width:955px; /* largeur du site */
		background: url(interface/centre.jpg) repeat-y center top;
		
}	
.centreTop {/* largeur du site */
		background: url(interface/centre-haut.jpg) no-repeat center top;
		
		
}	
.gauche{
background-image:url(interface/gauche.jpg);
background-repeat: no-repeat;
width:50%;
	background-position: right top;
	background-color:#92CEFF;

}
.droite {
background-image:url(interface/droite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#FFFFFF;
	width:50%;
}
.accueilCentre{
    background-image:url(interface/accueil-centre.jpg);
    background-repeat:no-repeat;
    width:955px;
	height:191px;
	background-position: center top;


}
.accueilGauche{
    background-image:url(interface/accueil-gauche.jpg);
    background-repeat:no-repeat;
    width:50%;
	background-position: right top;
	background-color:#0070C0;

}
.accueilDroite {
background-image:url(interface/accueil-droite.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	background-color:#0070C0;
	width:50%;
}
.baseline {
background-image:url(interface/baseline.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#C36194;
	width:955px;
}
.fondBaseline {
background-image:url(interface/fondBaseline.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	background-color:#C36194;
	width:50%;
}
.fondBaselineDroite {
background-image:url(interface/fondBaselineDroite.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	background-color:#C36194;
	width:50%;
}
h1 {
	display: none;
}/* CSS Document */

/* CSS Document */
.texte{
font:Verdana, Arial, Helvetica, sans-serif ;
font-size:13px;
color:#0070C0;
}
#titre{
font:Verdana, Arial, Helvetica, sans-serif ;
font-size:18px;
font-weight:bold;
color:#0070C0;
background:url(interface/picto1.jpg) left no-repeat;
text-indent:20px;
}
#soustitre{
font:Verdana, Arial, Helvetica, sans-serif ;
font-size:14px;
font-weight:bold;
color:#0070C0;
background:url(interface/picto2.jpg) left no-repeat;
text-indent:20px;
}
.adresse{
font:Verdana, Arial, Helvetica, sans-serif ;
font-size:15px;
color:#FFFFFF;
}
#vcard{
font:Verdana, Arial, Helvetica, sans-serif ;
font-size:15px;
color:#FFFFFF;
}



/* CSS Document */

/* Main container for form */
/* A modifier si nécessaire  l'image formbg.gif (même image utilisé dans pop3.css)  de la ligne 21 * + faire un replace all de la couleur utilisé ligne 28 (ex: #ddd) */


.form-container {
	width: 500px;
	padding: 5px;
	margin-left: 80px;
}
.form-container img {
	border-width: 0px;
}

.form-container form p { 
	margin: 0;
}

.form-container form fieldset {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #0070C0;
}

/* Legend definition */

.form-container legend { 
font-weight: bold;
font-size: 20px;
color: #0070C0; }

.legend {
font-weight: bold; 
color: #0070C0; }
/* Fieldset definition */ 

.form-container form fieldset div { 
padding: 0.2em 0; }

/* Label, textarea and other content of form */

.form-container form * {
padding:0;
margin:0;}

.form-container label { 
margin-right: 5px; 
padding-right: 15px; 
width: 100px; 
display: block; 
float: left; 
text-align: right;
font-weight: bold;
position: relative; }

.form-container label em { 
position: absolute; 
right: 0;
}

em {
font-style: normal;
font-size: 14px;
color: #0070C0; 
}

.form-container input, .form-container textarea {
color:#0070C0; border:1px solid #0070C0;}

.form-container input, .form-container textarea {
color:#0070C0; border:1px solid #0070C0;}

.form-container input {
height: 20px;
line-height: 20px;}

.form-container textarea {
width: 300px;
height: 150px;
}

.form-container #par1, .form-container #par2, .form-container #par3{
color:#0070C0; border:none;}

.form-container input:focus, .form-container textarea:focus {
	border-color: #FFFFFF;
	outline: 1px solid #ccc;
	background: #666666;
	color: #0070C0;
}

/* Button of form */

.form-container div.buttonrow, .form-container div.buttonrow * { 
text-align: center;
border: 0;}

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default. */
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
	display: none; }

/* * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg {
	display: block; 
	margin: 5px 0;
	font-size: 90%;
	line-height: 16px;
	color : #0070C0;	
	text-align: center;
	font-weight: bold;
	border: #0070C0 solid 1px; }

/* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	border: 2px solid #0070C0; }

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	border: 2px solid  #0070C0; }


.textfieldRequiredState .formLabel, .textfieldInvalidFormatState .formLabel, .textfieldMinValueState .formLabel, .textfieldMaxValueState .formLabel, .textfieldMinCharsState .formLabel, .textfieldMaxCharsState .formLabel {
	color: #0070C0;	}


.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg {
	margin: 5px 0;
	font-size: 90%;
	color : #0070C0;	
	text-align: center;
	font-weight: bold;
	border: #0070C0 solid 1px;
	background: #900 url(../images/contact/error.gif) no-repeat center right; }


.validMsg {
	display:none; }

.textfieldValidState .validMsg {
	display:inline; }

.textfieldFlashText input, input.textfieldFlashText {
	color: red !important; }

.coord {
text-align: center;
margin:0 auto;
font-weight: bold;
margin-bottom: 20px;}


.contour {
	border: 2px solid #0070C0;
}
/*ORGANIGRAMME*/
#organigramme{
}
#direction{
width:100%;
border: #C36194 solid 2px;
background-color:#0F7CBA;
font:Verdana, Arial, Helvetica, sans-serif ;
font-size:16px;
font-weight:bold;
color:#FFFFFF;

}
.contourOrganigramme {
	border: 2px solid #FFFFFF;
}
#powered a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	float: left;
}
#powered img {
	height: 10px;
	width: 10px;
	vertical-align: middle;
	float: left;
}
.right { float:right;margin-left:10px;}