/* CSS Document */

* {margin:0; padding:0}

body {
	background:#c9e8ed url(images/fond.gif) repeat-x;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-style:normal;
	text-align:center;
}

/*paragraphes---------------------------------*/
p {
	font-size:1em;
	margin:0;
	margin:0;
	line-height:1.8em;
	color:#666666;
}

.paragraphe {
	margin-bottom:1.5em;
}

.paragraphe2 {
	margin-bottom:0.7em;
}

.paragraphe3 {
	margin-bottom:2em;
}

hr {
    clear:both;
	color:#ec174d;
	background-color:#ec174d;
	margin:0; 
	padding:0;
	height:1px;
	border:0;
}

.hr-top {
	height:1px;
	color:#ec174d;
	background-color:#ec174d;
	border:0;
	display:block;
	margin:20px 0;
}

br {
line-height:5em;
}



/*polices-------------------------------------*/

h1 {
	font-size:1em;
	line-height:1em;
	text-transform:uppercase;
	margin:0;
	color:#0064b9;
	font-weight:bold;
}

h2 {
	font-size:1em;
	line-height:1em;
	text-transform:uppercase;
	margin:0;
	color:#3485c4;
	font-weight:bold;
}

h3 {
	font-size:1em;
	font-weight:bold;
	color:#ec174d;
	text-transform:uppercase;
	margin-bottom:1.5em;
}

h4 {
	font-size:1em;
	font-weight:bold;
	color:#3485c4;
	text-transform:uppercase;
	margin:0;
}

.citation {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #ec174d;
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.5em;
}

.majuscules {
	text-transform:uppercase;
	font-weight:bold;
}

.bleu {
	color:#00a6eb;
}

a.lienexterne {
	color: #666666;
	text-decoration:underline;
}

a.lienexterne:hover {
    color: #666666;
    text-decoration:none;
}

a.liencontact {
	color: #999a9a;
	text-decoration:none;
	font-size:0.95em;
}

a.liencontact:hover {
    color: #ec174d;
    text-decoration:underline;
	font-size:0.95em;
}

a.lientelecharger {
	color: #00a7ee;
	text-decoration:underline;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
}

a.lientelecharger:hover {
    color: #ec174d;
    text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
}

a.lienimage img {
	border:1px solid #cccccc;
}

a.lienimage:hover img {
	border:1px solid #ec174d;
}

a.lienimg-temoignage img {
	border:1px solid #cccccc;
	margin-right:20px;
	margin-bottom:20px;
}

a.lienimg-temoignage:hover img {
	border:1px solid #ec174d;
	margin-right:20px;
	margin-bottom:20px;
}


/*position images-----------------------------*/

.image-gauche {
	float:left;
	padding:0;
	margin:0;
}

.image-droite {
	float:right;
	padding:0;
	top:0;
}

	
.langue {
	float:right;
	margin:0 10px 0 0;
}

.ligne-foot {
	float:left;
}

.partenaires {
	float:right;
	margin:1px 0 15px 0;
	padding:0;
	width:386px;
	height:73px;
	border:0;
}

.image-titre{
	float:left;
	margin-left:-10px;
	padding:0;
}

.image-people1{
	float:left;
	margin-left:10px;
	margin-bottom:12px;
	padding:0;
	width:165px;
	height:248px;
}

.image-people2{
	float:left;
	margin-left:12px;
	margin-bottom:12px;
	padding:0;
	width:165px;
	height:248px;
}

.image-savoirplus {
	position:relative;
	z-index:1;
}


/*blocs contenu des pages hors home page*/

#conteneur {
	position:relative;
	width:815px;
	height:753px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	top:5px;
}

#top {
	position:relative;
	width:815px;
	height:92px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	padding:0;
	margin-bottom:5px;
	background-color:#ffffff;
}

#lemenu {
	float:left;
	padding:18px 0 0 160px;
}

#mentionslegales {
	float:left;
	margin-top:1px;
	padding-left:9px;
	padding-top:34px;
	background-color:#ffffff;
	width:151px;
	height:39px;
}

#random-itw {
	float:left;
	left:0;
	width:240px;
	height:248px;
	margin-left:0;
	padding-bottom:20px;
	}


#col-gauche {
	float:left;
	width:268px;
	padding:13px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:242px;
	overflow:auto;
	background-color:#ffffff;
	text-align:left;
}

#col-gauche .cartouche {
	float:left;
	width:242px;
	height:26px;
	margin-top:20px;
	margin-left:0;
	padding:0;
}

#col-gauche .chiffrescles {
	float:left;
	width:242px;
	height:95px;
	margin-top:20px;
	margin-left:0;
	padding-bottom:20px;
}

#contenu {
	float:right;
	width:546px;
	margin:0;
	padding:0;
	/*background-color:#ffffff;*/
	margin-top:0;
}

#texte {
	float:right;
	width:546px;
	margin:1px 0 0 0;
	text-align:left;
	overflow:auto;
	background-color:#ffffff;
	padding:0 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:526px;
	overflow:auto;
}

#texte2 { /*texte décalé sous les images-titres*/
	float:right;
	width:460px;
	margin-bottom:9px;
	padding:0;
	margin-top:-9px;
}

#texte-itw { /*texte des interviews*/
	float:right;
	width:546px;
	margin:1px 0 0 0;
	text-align:left;
	overflow:auto;
	background-color:#ffffff;
	padding:9px 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:526px;
	overflow:auto;
}

#bloc-temoignages {
	float:right;
	width:546px;
	margin:0;
	padding-top:13px;
	text-align:left;
	overflow:auto;
	background-color:#ffffff;
}



/*blocs sur la home page*/

#conteneurhp {
	position:relative;
	width:815px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
}

#contenu-hp {
	position:relative;
	width:815px;
	height:100%;
	/*top:26px;*/
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	background-color:#ffffff;
	padding:10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:795px;
	text-align:justify;
	overflow:auto;
}

#contenu-hp p {
	color:#666666;
	line-height:1.4em;
	clear:left;
	margin:0.2em 0 1em 0;
}

#top-hp {
	position:relative;
	width:795px;
	height:350px;
	background:#000;
	margin-right:auto;
	margin-left:auto;
	padding:8px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:779px;
	height:267px;
	text-align:justify;
	overflow:auto;
}

.bloc1 {
	float:left;
	width:254px;
	height:247px;
	text-align:left;
	margin-bottom:20px;
	margin-top:20px;
}

#bloc12 {
	position:relative;
	width:254px;
	height:212px;
	margin-right:auto;
	margin-left:auto;
	top:5px;
	padding:11px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:232px;
	height:190px;
	text-align:left;
	overflow:auto;
}

.bloc2 {
	float:left;
	width:222px;
	height:247px;
	text-align:left;
	margin:20px 0 20px 17px;
}

#bloc22 {
	position:relative;
	width:222px;
	height:174px;
	margin-right:auto;
	margin-left:auto;
	top:5px;
	padding:11px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
	height:152px;
	text-align:left;
	overflow:auto;
}

.image-itw-HP {
	float:right;
	padding:0;
	margin-top:20px;
}

#mentionslegalesHP {
	float:left;
	margin-top:1px;
	padding-left:9px;
	padding-top:34px;
	background-color:#ffffff;
	width:420px;
	height:39px;
}


/*LISTES*/

/*liste classique*/

ul, li {
	color:#666666;
	list-style-type:none;
	margin:1em;
	padding:0;
	line-height:1.8em;
}

/*menu haut de page*/
#menu {
	float:left;
}

#menu ul, #menu li {
	margin:0 10px;
	padding:0;
	list-style-type:none;
	font-size:1em;
	color:#ec174d;
}

#menu a:link, #menu a:visited {
	float:center;
	text-decoration:none;
	color:#444444;
}

#menu a:hover, #menu a:active, #menu a:visited#current, #menu a:link#current {
	float:center;
	text-decoration:none;
	color:#ec174d;
 }
	

/*liste verticale encadrée de gris, dans colonne de gauche, hors home page*/
#liste {
	float:left;
	padding:0;
	margin-top:0;
	margin-left:0;
	margin-bottom:20px;
	width:242px;
	background-color:#f2f2f2;
	border:1px solid #d6d6d6;
	padding:0 3px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:234px;
	text-align:justify;
	overflow:auto;
}

#liste ul, #liste li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:1.05em;
	border:0;
	color:#ec174d;
	line-height:2em;
}

#liste a:link, #liste a:visited {
	text-decoration:none;
	color:#444444;
}

#liste a:link#current, #liste a:visited#current, #liste a:hover { color: #ec174d; }