/* Import des style pour la charte */

@import "charte.css";



/***************** STYLE CONTENU *****************/

#contenu h1{

font:bold 1.8em Arial, Helvetica, sans-serif;

text-align:right;

color:#ff7200;

margin:14px 72px 29px 0;

}

#contenu h2{

font:normal 1.8em Arial, Helvetica, sans-serif;

text-align:left;

color:#4b3e3e;

margin:0 0 13px 0;

}

#contenu h2 span{

color:#7d7d7d;

}

#contenu h3{

font:normal 1.7em Arial, Helvetica, sans-serif;

text-align:left;

color:#ff7200;

margin:20px 0 7px 0;

}


#contenu h4{

font:normal 1.5em/1.2em Arial, Helvetica, sans-serif;

text-align:justify;

margin:10px 0 4px 0;

color:#605656;

}

#contenu p,

#contenu span{

font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;

text-align:justify;

color:#737063;

}

#contenu span{

font:normal 1.2em Arial, Helvetica, sans-serif;

}

#contenu p.couleur, #contenu span.couleur, .couleur{

font-weight:bold;

color:#ff7200;

}

#contenu ul{

	list-style-type: square;

	margin-left: 20px;

	margin-bottom: 15px;

	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;

	text-align:justify;

	color:#737063;

}



#contenu a:link, #contenu a:visited{

	font-weight:bold;
	
	text-decoration:underline;
	
	color:#000;

}

#contenu a:hover, #contenu a:active{

	text-decoration:underline;
	
	color:#f85b00;

}

#contenu .texteRight{

	text-align:right;
	margin:6px 0;

}


#contenu .centre{

	text-align:center;
	margin:15px 0;

}

#contenu .centre img{

	padding:6px;
	border:1px solid #CCC;
	margin:0 0 5px 0;

}

#contenu .centre a:link img, #contenu .centre a:visited img{

	opacity:1.0;

	filter:alpha(opacity=100);

}

#contenu .centre a:hover img, #contenu .centre a:active img{

	opacity:0.8;

	filter:alpha(opacity=80);

}
#contenu .centre span{

	font-size:1.0em;
	font-style:italic;

}

#MARCA-COSURFING {

	margin-left: 29px;

}

#MARCA-COSURFING img {

	margin-bottom: 10px;

}

/* STYLE RUBRIQUE CONTACT */
#blocFormation{
	width:600px;
	float:left;
}
#contenu .sommaire{

margin:0 0 20px 0;
padding:8px 0;
font-size:1.1em;
display:block;
border-top:1px dotted #BBB;
border-bottom:1px dotted #BBB;

}

/* STYLE RUBRIQUE CONTACT */

/* ZONE ADRESSE */
#contactTxt{
	width:240px;
	float:left;
	margin-left:20px;
}
#contactTxt p{margin:10px 0 10px 0;}

#contactTxt img{
	border:0;
	float:left;
	margin-right:5px;
}

/* ZONE FORMULAIRE */
#contactForm{
	width:480px;
	float:right;
}

#txtForm{
	width:300px;
	float:left;
}

#txtForm p{
	line-height:1.8em;
}

/* FORMULAIRE */
#formContact .bouton{
	width:90px;
	border:1px solid #000;
	font-size:12px;
	border-color:#7D7D7D;
	background-color:#FFFFFF;
	color:#FF7200;
}
#formContact .boutons{
	margin:0 0 10px 135px;
	color:#FF7200;
}
*html #formContact .boutons{margin-left: 135px;}

h2#contact{
	margin-bottom:20px;
}

#formContact h4{
	font:small-caps bold 14px Arial, Helvetica, sans-serif;
	background:#4B3E3E;
	border-bottom:1px solid #e6e6e6;
	padding:0;
	width:100%;
	text-align:left;
	margin:0px 0 15px 0;
	color:#fff;
	float:left;
	}

#formContact p{
	width: 100%;
	clear: left;
	margin: 3px 0 3px 0;
	padding: 5px 0 8px 0;
	/*border-top: 1px dashed gray;*/
}
#formContact p.capa {
	text-align:left;
	width:auto;
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	margin-left:0px;
	line-height:12px;
}
#formContact #error{
	color:#FF7200;
	text-align:center;
}
#formContact input#capcha{
	margin-left:0px;
}
#formContact p.capa img {
	margin:10px 0 0 135px;
}

#formContact label{
	font-weight: bold;
	float: left;
	margin-left: 0;
	width: 80px;
	color:#FF7200;
	text-align:right;
}

#formContact input[type="text"]{ 
	width: 355px;
	border:1px solid #7D7D7D;	
	margin-left:15px;
}
#formContact select{ 
	width: 355px;
	border:1px solid #7D7D7D;	
	margin-left:15px;
	font-size:10px;
}
#formContact select .option{ 
	width: 500px;
}
*html #formContact .inputtext{
	width: 355px;
	border:1px solid #FF7200;
	margin-left:15px;
}

#formContact textarea{
	width: 355px;
	margin-left:15px;
	height: 70px;
	border:1px solid #7D7D7D;
	font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#737063;
}
#formContact input[type="text"], #formContact textarea, #formContact select{
	color:#FF7200;
}
#formContact input:focus{
	border-color:#FF7200;
}
#formContact textarea:focus{
	border-color:#FF7200;
}
#formContact select:focus{
	border-color:#FF7200;
}
#contactForm .champRequis{
	color:#FF0000;
}