/* CSS Document */


/* LIENS ET HOVER */
a:link { color: #FF9000; text-decoration: none; }
a:visited { color: #FF9000; text-decoration: none; }
a:hover { color: #57B1E0; text-decoration: underline; }
a:active { color: #FF9000; text-decoration: none; }

#titre a:link { color: #57B1E0; text-decoration: none; }
#titre a:visited { color: #57B1E0; text-decoration: none; }
#titre a:hover { color: #FF9000; text-decoration: underline; }
#titre a:active { color: #57B1E0; text-decoration: none; }

#haut a:link { color: #57B1E0; text-decoration: none; }
#haut a:visited { color: #57B1E0; text-decoration: none; }
#haut a:hover { color: #FF9000; text-decoration: underline; }
#haut a:active { color: #57B1E0; text-decoration: none; }

/* HTML */

body { 
	text-align: center; 
	color: #949494; 
	font-size: 10px; 
	background-position: top; 
	background-image: url(../images/back_repeat.jpg);  
	background-repeat: repeat-y;
	margin: 0 auto; 
	left: 0px; 
	top: 0px; 
	font-family: Verdana, Arial, sans-serif; 
	height: 100%;
}
	

img { border: 0px none; }	
.partenaires {
	padding-left: 13px;
}
#haut {
	clear: both;
	text-align: right;
	margin: 0; 
	left: 30px;
	width: 400px;
	background-position: right; 
	background-image: url(../images/haut.jpg); 
	background-repeat: no-repeat;
	font-size: 9px; 
}
#retour {
	clear: both;
	text-align: left;
	margin: 0; 
	left: 30px;
	width: 400px;
	font-size: 9px; 
}

.survol { border-style: solid; border-color: #FF9000; border-width: 1px;}		
.survol:hover { border-width: 1px; border-style: solid; border-color: #FFFFFF; }

b { color: #57B1E0; }
i { color: #57B1E0; }
strong { color: #FF9000; font-weight: normal; }

/* CONTENEURS */
#conteneur1 { 
	position: relative; 
	min-height: 100%;
	background-position: top; 
	background-image: url(../images/back_degrade.jpg);  
	background-repeat: no-repeat;
	width: 780px; 
	margin : 0 auto; 
	left: 0px; 
	top: 0px;
}


#contenu { 
	position: relative;
	width: 780px; 
	height: 100%; 
	left: 0px; 
	top: 0px;
}


/* BANNIERE */
#banniere {
	position: absolute;
	top: 20px;
	left: 0px;
	padding: 0; 
	margin: 0; 
	z-index: 1;
}


/* VERSION */
#titre { 
	position: absolute ;
	margin: 0; 
	top: 225px; 
	left: 30px;
	width: 400px;
	background-position: bottom; 
	background-image: url(../images/ligne.jpg); 
	background-repeat: no-repeat;
	color: #57B1E0;
	font-size: 12px; 
}


/* CONTENEUR TEXTE */
#zoneTexte { 
	clear: both;
	width: 400px; 
	float: left; 
	padding-left: 30px; 
	margin-top: 255px;
	text-align: left;
	font-size: 11px; 
	line-height: 17px;
	text-align: justify; 
}
#zoneDroite { 
	width: 240px; 
	float: right; 
	padding-right: 28px; 
	margin-top: 255px; 
	text-align: left; 
	font-size: 11px; 
	line-height: 17px; 
}



.left {
    float: left;
    padding-right: 10px; 
}

.right {
    float: right; 
}

/* COPYRIGHT */
#copyright { 
	position: relative;
	font-size: 9px;
	text-align: left;
	clear: both; 
	width: 350px; 
	height: 25px;
	padding-top: 5px;
	padding-left: 30px; 
	margin-right: 400px;
}




FORM {
	margin: 0;
}

TEXTAREA, INPUT, LABEL {
	margin: 0 5px 5px 0;
}

TEXTAREA, INPUT {
	background-color: #fff;
	width: 250px; 
}

TEXTAREA {
	width: 250px; 
	height: 150px;
}

FORM P {
	clear: both; margin: 0;
}

FORM LABEL {
	float: left; width: 25%; text-align: left;
}

#submit {
   	width: 80px;
}

.focus {
	background: #EEEEEE;
}