/* CSS Document - Thou CAO - Par Damien BENTEO*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-image:url(../img/fond_page.jpg);
	background-repeat:repeat-x;
	background-color:#139ac7;
}
p {
	margin: 0 0 10px 0;
	padding-left:5px;
	padding-right:85px;
	text-align:justify;
	font-size:11px;
	color:#5d5d5d;
}
h1	{
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0;
}
h2	{
	font-size:24px;
	font-weight:normal;
	color:#FFFFFF;
	padding:0;
	margin:0;
	margin-top:13px;
}
h3	{
	color:#086183;
	font-weight:bold;
	padding:0;
	margin:0;
	font-size:18px;
	padding-left:5px;
	padding-top:15px;
	padding-bottom:30px;
	background-image:url(../img/fond_titre.png);
	background-repeat:no-repeat;
}
h4	{
	background-color:#EEEEEE;
	border:1px dotted #333333;
	margin-right:15px;
	padding:1px;
	color:#990000;
}
.transparent	{/*permet l'effet de transparence*/
	filter:alpha(opacity=60);  
	-moz-opacity:0.60;
	opacity: 0.60;
}
#conteneur {
	position: relative;
	width: 768px;
	margin: 0 auto; 
	background-color:#ffffff;
	border:1px solid #c6c5c3;
	background-image:url(../img/fond_body.jpg);
	background-repeat:no-repeat;
}
#header {
	height: 360px;
	background-color: #ffffff;
}
#logo	{
	padding-left:10px;
	padding-top:10px;
}
#options	{
	width:90px;
	height:35px;
	background-color:#dff0f7;
	position:absolute;
	clear:both;
	margin-left:678px;
	text-align:center;
}
#icone	{
	margin-top:10px;
	padding-left:5px;
	padding-right:5px;
}
#menu	{
	height:35px;
	margin-top:11px;
	text-align:right;
	background-image:url(../img/background_menu.jpg);
	background-repeat:repeat-x;
}
#menu_bas	{
	height:35px;
	margin-top:11px;
	text-align:center;
	color:#FFFFFF;
}
#gauche {
	position: absolute;
	left:0;
	width: 180px;
}
#centre {
	margin-left: 180px;
	min-height:381px;
}
#pied {
	height: 59px;
	background-image:url(../img/fond_bas.jpg);
	background-repeat:no-repeat;
}
#haut	{
	height:208px;
	width:768px;
	background-image:url(../img/fond_haut.jpg);
	background-repeat:no-repeat;
	padding-left:7px;
	padding-top:17px;
	font-size:12px;
}
#gear	{
	margin:0;
	position:absolute;
	margin-top:4px;
	margin-left:306px;
}
#carousel	{
	position:absolute;
	margin-left:410px;
	margin-top:-9px;
}
#clear	{
	clear:left;
}
.blue	{
	color:#036082;
}
.blue2	{
	color:#209aa5;
}
.white	{
	color:#FFFFFF;
	}
a	{
	color:#04b1fd;
	text-decoration:none;
}
a:hover	{
	text-decoration:underline;
	color:#990000;
}
/* Mise en forme du texte en haut de page	*/

.texte_intro	{
	width:370px;
	margin-top:15px;
	text-align:justify;
	font-size:13px;
	line-height:18px;
	color:#FFFFFF;
}
#lien_formation	{
	width:370px;
	text-align:right;
	margin-top:-14px;
}
.lien_formation	{
	color:#d0ff5a;
	font-weight:bold;
}

/* Mise en forme du menu horizontal*/

.menu	{
	display:inline-block;
	color:#004555;
	width:130px;
	height:25px;
	padding-top:10px;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	background-image:url(../img/fond_menu_hover.jpg);
	background-repeat:repeat-y;
}

.menu:hover	{
	text-decoration:underline;
	background-image:url(../img/fond_menu.jpg);
	background-repeat:repeat-y;
	font-weight:bold;
}

.menu_hover	{
	display:inline-block;
	color:#004555;
	width:130px;
	height:25px;
	padding-top:10px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	background-image:url(../img/fond_menu.jpg);
	background-repeat:repeat-y;
}
.menu_bas	{
	color:#FFFFFF;
}

/* Mise en forme du texte en bas de site */

.mentions_bas	{
	color:#666666;
	padding-top:5px;
	padding-left:182px;
	line-height:17px;
}
.mention	{
	font-weight:normal;
	color:#666666;
	font-size:10px;
}
.small	{
	font-size:10px;
}
.liens_formations	{
	padding:5px;
	background-color:#f4ffd2;
	border:1px dotted #333333;
	font-weight:bold;
}
.liens_formations_definir	{
	padding:5px;
	background-color:#FFD9D9;
	border:1px dotted #999999;
	width:120px;
	margin-left:5px;
}
.champ_contact	{
	width:80px;
	display:block;
	position:relative;
	float:left;
}
.sitemap	{
	width:100px;
	height:30px;
	display:block;
	float:left;
	position:relative;
	margin:15px;
	background-color:#FFFFCC;
	text-align:center;
	font-size:15px;
	padding-top:10px;
	font-weight:bold;
	border:1px dotted #999999;
}
#code_contact	{
	clear:left;
	height:70px;
	background-color:#FFFFCC;
	border:1px dotted #CCCCCC;
}
.champ_code	{
	width:90px;
	height:50px;
	display:block;
	position:relative;
	float:left;
	text-align:left;
}
.champ_code2	{
	font-size:9px;
	font-weight:bold;
}