@charset "UTF-8";

/********************************************/
/* Elements de base */
/********************************************/

body {
	background: transparent url(/img/com/img-fd.jpg) left top repeat-x;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color: #666;
	}
a:link, a:active, a:hover, a:visited { color:#808080; text-decoration:none; }
a:active, a:hover { text-decoration:underline; }

h1 {
	margin: 0;
	padding: 0;
	}

h2 {
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	color: #00a0c6;
	margin:0;
	}

h3 {
	font-size: 15px;
	}

h4 {
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	color: #00a0c6;
	}

h5 {
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color: #000;
	margin-top:3px;
	margin-bottom:5px;
	}

h6 {
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color: #00a0c6;
	margin:0;
	}

img {
	border: 0;
	}






/********************************************/
/* Conteneur default */
/********************************************/

#global {
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	padding:0px;
	text-align: left;
	width: 990px;
	position:relative;
	}
	
#headerHP{
	background:transparent url(/img/com/header-hp.png) left top repeat-y;
	margin-left:auto;
	margin-right:auto;
	width: 990px;
	height:197px;
	position:relative;
	}
#header{
	background:transparent url(/img/com/header.png) left top repeat-y;
	margin-left:auto;
	margin-right:auto;
	width: 990px;
	height:197px;
	position:relative;
	}
	#headerHP #NavigHt,
	#header #NavigHt {
		padding:5px 0 0 15px;
		font-size:11px;
		color:#fff;
		}
		#headerHP #NavigHt a:link, #headerHP #NavigHt a:visited,
		#header #NavigHt a:link, #header #NavigHt a:visited {
			padding: 0 15px 0 15px;
			color:#000;
			text-decoration:none;
			}
		#headerHP #NavigHt a:active, #headerHP #NavigHt a:hover,
		#header #NavigHt a:active, #header #NavigHt a:hover {
			text-decoration:underline;
			}

#Contenu{
	background:transparent url(/img/com/fd-contenu.png) left top repeat-y;
	margin-left:auto;
	margin-right:auto;
	padding: 0 20px 0 20px;
	width: 950px;
	position:relative;
	}
	#Contenu table.hp {
		margin-left:auto;
		margin-right:auto;
		}
	#Contenu #RefAdresse{
		margin: 0;	
		padding: 20px 55px 0 55px;
		position:relative;
		float:left;
		width: 880px;
		text-align:left;
		font-size:10px;
		color:#2e2e2e;
		}
	#Contenu #blocGauche {
		width:205px;
		margin-left:50px;
		float:left;
		z-index:1;
		}
		#Contenu #blocGauche ul  {
			margin:0;
			padding:0;
			}
		#Contenu #blocGauche ul li {
			list-style:none;
			text-align:center;
			font-size:11px;
			font-weight:bold;
			margin:0;
			padding:0;
			}
			#Contenu #blocGauche ul li a:link, #Contenu #blocGauche ul li a:visited  {
				background:transparent url(/img/com/entreprise/li-off.gif) left top no-repeat;
				display:block;
				width:205px;
				height:38px;
				padding:16px 0;
				text-transform:uppercase;
				color:#b95805;
				}	
			#Contenu #blocGauche ul li a:hover, #Contenu #blocGauche ul li a:active,
			#Contenu #blocGauche ul li a.over   {
				background:transparent url(/img/com/entreprise/li-on.gif) left top no-repeat;
				display:block;
				width:205px;
				height:38px;
				padding:16px 0;
				text-transform:uppercase;
				color:#fff;
				text-decoration:none;
				}
	#Contenu #blocPhoto {
		width:205px;
		margin-left:8px;
		float:left;
		}
	#Contenu #blocDroite1 {
		background:#d7d7d7 url(../img/com/fleche.gif) left top no-repeat;
		width:378px;
		margin-left:8px;
		padding: 25px 20px 20px 20px;
		min-height: 165px;
		height: auto !important;
		height: 165px;
		text-align:justify;
		float:left;
		}	
	#Contenu #blocDroite2 {
		background:#d7d7d7 url(../img/com/fleche.gif) left top no-repeat;
		width:592px;
		margin-left:8px;
		padding: 25px 20px 20px 20px;
		min-height: 165px;
		height: auto !important;
		height: 165px;
		text-align:justify;
		float:left;
		}		
		#Contenu #blocDroite2 table {
			width:500px;
			}	
			#Contenu #blocDroite2 table tr th {
				width:100px;
				padding-left:5px;
				background-color:#c5c4c4;
				vertical-align:top;
				}
			#Contenu #blocDroite2 table tr td {
				vertical-align:text-top;
				}	
		#Contenu #blocDroite2 table.inscritpion {
			width:500px;
			}	
			#Contenu #blocDroite2 table.inscritpion tr th {
				width:180px;
				padding-left:5px;
				background-color:#c5c4c4;
				vertical-align:top;
				}
			#Contenu #blocDroite2 table.inscritpion tr td {
				vertical-align:text-top;
				}	
#bottom{
	background:transparent url(/img/com/bottom.png) left top no-repeat;
	margin-left:auto;
	margin-right:auto;
	width: 990px;
	height:70px;
	position:relative;
	}
	
#MentionsLegales{
	float:right;
	padding-top:20px;
	padding-right:10px;
	}
#LiensRef {
	padding-top:20px;
	padding-right:10px;
	}
#blocActu {
	position:absolute;
	width:161pw;
	height:108px;
	top:0;
	left:-20px;
}

/********************************************/
/* Les classes */
/********************************************/
a.lienOrange:link, a.lienOrange:visited  { 
	color: #ec6706; text-decoration: none; font-weight:bold; }
a.lienOrange:hover, a.lienOrange:active { 
	color: #fff; font-weight:bold; background-color:#f29400; }
	
a.lienGris:link, a.lienGris:visited  { 
	color: #e2dfde; text-decoration: none; font-weight:normal; }
a.lienGris:hover, a.lienGris:active { 
	color: #e2dfde; font-weight:normal; text-decoration:underline; }
	
a.lignesBus:link, a.lignesBus:visited {
	background:transparent url(/img/com/picto_bus.gif) left top no-repeat;
	color: #ec6706; 
	text-decoration: none; 
	font-weight:bold;
	padding: 4px 0 5px 22px;
	} 
a.lignesBus:hover, a.lignesBus:active {
	background:transparent url(/img/com/picto_bus.gif) left top no-repeat;
	color: #fff; 
	font-weight:bold; 
	background-color:#f29400;
	} 
	
a.pdf:link, a.pdf:visited {
	background:transparent url(/img/com/pdf.gif) left top no-repeat;
	color: #ec6706; 
	text-decoration: none; 
	font-weight:bold;
	padding: 4px 0 5px 18px;
	} 
a.pdf:hover, a.pdf:active {
	background:transparent url(/img/com/pdf.gif) left top no-repeat;
	color: #fff; 
	font-weight:bold; 
	background-color:#f29400;
	padding: 4px 0 5px 18px;
	} 

.Bleu { color: #00a0c6; }
.Orange { color: #ec6706; }
.OrangeBold { color: #ec6706; font-weight:bold; }
.Gris { color: #808080; }
.Noir { color: #000; }
.Blc { color: #fff; }

.separateur {
	clear: both;
	visibility: hidden;
	}

.TxtJustifie {
	text-align:justify;
	}
	
.TxtCentre {
	text-align:center;
	}

.Bold {
	font-weight:bold;
	}
.ImgLeft {
	float: left;
	padding-right:20px;
	}
	
.ImgRight {
	float: right;
	padding-left:20px;
	}
	
input {
	margin:0;
	padding:0;
	}	
	input.Envoyer, input.Fermer {
		margin:5px;
		padding:0 5px 0 5px;
		width:80px;
		height:23px;
		border: none;
		cursor: pointer;
		color:#fff;
		font-weight:bold;
		font-size:11px;
		background-color:#87888a;
		text-align:center;
		}	
hr {
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 10px 0;
	color: #ccc;
	clear: both;
	}

/********************************************/
/* Positionnement */
/********************************************/
.droite { float: right; }

.gauche { float: left; }

.ClearBoth { clear: both; }

.VisibilityHidden { visibility:hidden; }