html{
	margin: 0;
	padding: 0;	
}

body {
	margin:0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #e9e9e9;
}
#body_home{
	margin:0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #000000;
	background-color:#00a6dd;
}
img {
	border: none;
}

a {
	text-decoration: none;
}
#page {
	width:1006px;
	margin-left: auto;
	margin-right: auto;
	background-color: #e9e9e9;
}

	/*div pour fond entete bleu car jp distrait n'avais pas envie de tout recommencer!*/

#coloriage {
	width: 100%;
	background-color: #00a6dd;
	height: 339px;
	margin-bottom: -339px;
}

#entete {
	background-image: url(images/intaco_entete_haut.jpg);
	background-repeat: no-repeat;
	background-color: #00a6dd;
	width: 100%;
	height: 312px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#entete_nl {
	background-image: url(images/intaco_entete_haut_nl.jpg);
	background-repeat: no-repeat;
	background-color: #00a6dd;
	width: 100%;
	height: 312px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#boite_logo_header{
	position: absolute;
	top: 0;
	left: 0;	
}
#photo_entete {
	width: 980px;
	height: 235px;
	margin-left:12px;
	padding-top:45px;	
	
	clear:both;
}
#photo_entete img{
	margin-bottom:0px;
	padding:0;
	float:left;
	width:980px;
	height:235px;
}

#langues {
	font-size: 12px;
	color: #ffffff;
	height: 22px;
	text-align:right;
	margin-right:20px;
	padding-top:10px;
	
	float:right;
}

#langues a {
	color: #ffffff;
}

#fond_menu {
	width: 1006px;
	height: 27px;
	background-color: #00a6dd;
	margin-top: 0px !important;
	margin-top: -5px;
	margin-left: auto;
	margin-right: auto;
}

#menu_haut {
	width: 980px;
	height: 27px;	
}

/*------------------------------- STYLE MENU DROP DOWN  ----------------------------------------*/

.menu{
	border:none;
	border:0px;
	/*margin:0px;*/
	padding:0px;
	font-family:arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#8e8e8e;
	background-color:#00a6dd;
	margin-left:12px;	
	}

.menu ul{
	background:url(images/intaco_fond_menu.jpg) top left repeat-x;
	height:27px;
	list-style:none;
	margin:0;
	padding:0;	
	}

.menu li{
	float:left;	
	}

.menu li a{
	color:#ffffff;
	display:block;
	font-weight:bold;
	line-height:27px;
	padding:0px 15px;
	text-align:center;
	text-decoration:none;
	}		
.menu li a:hover{
	color:#000000;
	text-decoration:none;
	}
	
.menu li ul{
	background:#0a92c6;
	border-right:2px solid #0079b2;
	border-bottom:2px solid #0079b2;
	display:none;
	height:auto;
	/*filter:alpha(opacity=85);*/
	opacity:0.95;
	position:absolute;
	width:inherit;
	z-index:200;
}

/*désactivé pour ie 6 et remplacé par un petit javascript.*/
/*.menu li:hover ul{*/
/*	display:block;*/
/*	}*/

	
.menu li li {
	display:block;
	float:none;
	width: auto;
	}
.menu li ul a:link, .menu li ul a:visited{
	display:block;
	font-size:12px;
	font-style:normal;
	padding:0px 10px 0px 15px;
	text-align:left;
	float: none;
	}

.menu li ul a:hover{
	color:#000000;
	opacity:1.0;
	/*filter:alpha(opacity=100);*/
	}
.menu p {
	clear:left;
	}
.menu a.itemon{
	color: #000000;
	}
li.espace {
	background-image:url(images/intaco_espace_menu.jpg);
	width: 1px;
	height:27px;	
}

.menu ul.sous_menu_ul{
	padding:10px 0;
}
.menu .sous_menu_ul li a:link, .menu .sous_menu_ul li a:visited{
	line-height:23px;
}
/*-------------------------------  FIN  STYLE MENU DROP DOWN  ----------------------------------------*/

/*--------------------------------------  DIV CONTENU  -----------------------------------------------*/

#contenu {
	
	width: 982px;
	margin-top: 0px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------  DIV COL_GAUCHE  ---------------------------------*/

#col_gauche {
	float:left;
	/*width: 680px;*/
	width:650px;
	background-color: #ffffff;
	
	
}

/*-------------  DIV COL_GAUCHE_HAUT  --------------*/

#col_gauche_haut {
	/*width: 680px;*/
	width:650px;
	background-color: #ffffff;
	padding: 20px 20px 10px 10px;
}

#col_gauche_haut h1 {
	font-size: 19px;
	font-weight: bold;
	color: #1f3087;
}
#col_gauche_haut p {
	font-size: 14px;
	color: #000000;
	padding-left: 10px;
	
}

/*-------------  DIV COL_GAUCHE_GAUCHE  ------------*/

#col_gauche_milieu {
	width: 682px;
	background-color: #ffffff;
}

#col_gauche_gauche {
	width: 340px;
	background-color: #ffffff;
	float: left;
}

/*-------------  DIV COL_GAUCHE_DROITE  ------------*/

#col_gauche_droite {
	width: 340px;
	background-color: #ffffff;
	float: right;
}

/*-------------  DIV COL_GAUCHE_BAS  ---------------*/

#col_gauche_bas {
	clear: both;
	width: 682px;
	background-color: #ffffff;
}

#select_dest {
	width: 278px;
	margin:10px;
}
#stage {
	margin-top: 10px;
	padding: 10px;
}


#stage h2{
	font-size: 17px;
	font-weight: bold;
	color: #1f3087;
}

/*---------- TABLEAU STAGES  --------------*/

#tab_stage {
	border-collapse: collapse;
	color: #1f3087;
	font-size: 14px;
}

#tab_stage thead {
	height: 30px;
	background: url(images/intaco_fond_menu.jpg) top left repeat-x;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;	
}


#tab_stage th,td {
	padding-left: 10px;
}
#tab_stage .saison {
	font-weight: bold;
	padding: 10px 0px 10px 100px;
}
#tab_stage tr.couleur {
	background-color: #d6f0fa;
}

#savoir_plus {
	background: url(images/intaco_fond_savoir_plus.jpg) no-repeat;
	/*width: 665px;*/
	width:595px;
	height: 114px;
	margin-left: 0px;
	
	padding-left: 70px;
}
#savoir_plus a , #savoir_plus_pt a{
	display: block;
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
	
	/*padding-top: 38px;*/
	
	padding-top: 25px;
	background:url(images/puce_blanche.jpg) no-repeat;
	background-position:bottom left;
	padding-left:40px;
	
}
#savoir_plus_pt{
	background: url(images/intaco_fond_savoir_plus.jpg) no-repeat;
	width: 665px;
	height: 84px;
	margin-left: 0px;
	
	padding-left: 70px;
}


/*--------------------  DIV COL_DROITE  ---------------------------------*/

#col_droite {
	float: right;
	width: 300px;
	background-color: #ffffff;
	padding-top:30px;
	color: #ffffff;
	
}

#col_droite h2{
	padding: 20px 5px 0px 30px;
	margin: 0;
	font-size: 16px;
}

#col_droite p{
	padding: 0px 50px 0px 30px;
	margin: 0;
}

#col_droite a{
	color: #ffffff;
	font-weight: bold;
}
/*---------------  DIV NEWSLETTER  ---------------*/

#newsletter {
	width: 300px;
	height: 140px;
	background: url(images/intaco_fond_newsletter.jpg) center no-repeat;
	background-color: #ffffff;
}
#newsletter_nl {
	width: 300px;
	height: 170px;
	background: url(images/intaco_fond_newsletter_nl.jpg) center no-repeat;
	background-color: #ffffff;
}
#col_droite #newsletter h2{
	padding: 10px 5px 0px 30px;
	margin: 0;
	font-size: 16px;
}
#col_droite #newsletter_nl h2{
	padding: 15px 5px 0px 30px;
	margin: 0;
	font-size: 16px;
}
#form_newsletter {
	width: 300px;
	margin:0;
	padding: 5px 50px 0px 30px;
}

#newsletter .input_texte, #newsletter_nl .input_texte {
	border: none;
	width: 150px;
}
#newsletter .input_bouton, #newsletter_nl .input_bouton {
	border: none;
	background-color: #ffffff;
	font-weight: bolder;
	width: 30px;
	cursor: pointer;
}


/*---------------  DIV PROMO  ---------------*/

#promo {
	width: 300px;
	height: 140px;
	background: url(images/intaco_fond_promo.jpg) center no-repeat;
	background-color: #ffffff;
	
}
#promo ul {
	margin: 0;
	padding: 0px 0px 0px 30px;
	font-weight: bold;
}

#promo li {
	margin-left: 30px;
	list-style-type: none;
}
#promo h2 {
	margin-left: 30px;
}
#promo a {
	display: block;
	padding: 0px 0px 0px 56px;
	margin-top: 10px;
}
#promo a.lien_bloc{
	display: block;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}
#promo .savoir_plus{
	display: block;
	padding: 0px 0px 0px 56px;
	margin-top: 10px;
}
/*---------------  DIV ECRIRE  ---------------*/

#ecrire {
	width: 300px;
	height: 140px;
	background: url(images/intaco_fond_ecrire.jpg) center no-repeat;
	background-color: #ffffff;
}
#ecrire h2{
	margin-left: 30px;
}
#ecrire p {
	margin-left: 30px;
}

/*---------------  DIV NEWS  -----------------*/

#news {
	color: #5e3ea0;
	background-color: #efeff1;
	width: 272px;
	margin-left: 12px;
	
	padding: 0;
	border-top: solid 6px #5e3ea0;
	border-bottom: solid 20px #efeff1;
	
}
#col_droite h2.news {		
	color: #5e3ea0;
	font-size: 24px;
	font-weight: bold;
	background-color: #ffffff;
	width: 240px;
	
}

.news_item {
	padding: 10px;
	
}

a.rouge_a {
	color: #ff1148;
	font-size: 17px;
	margin: 0;
	padding: 0;
}

#col_droite .news_item h3 {
	font-size: 17px;
	margin: 0;
	padding: 0;
}
#col_droite .news_item p{
	padding: 0px 0px 0px 0px;
	margin-left: 0;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	
}
.news_ligne {
	background-image: url(images/intaco_news_ligne.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0;
}

/*---------------  DIV TÉMOIGNAGE  -----------------*/

#temoignage {
	width: 277px;
	margin-left: 10px;
	margin-top: 20px;
	background-color: #efeff1;
}

#temoignage h2 {
	color: #5e3ea0;
	font-size: 24px;
	background-color: #ffffff;
	border-bottom: solid 6px #5e3ea0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
.temoignage_contenu {
	color: #5e3ea0;
	background: url(images/intaco_guil_bas.jpg) bottom right no-repeat;
	font-style: italic;
	font-size: 14px;
	margin-top: -35px;
	padding: 25px 0px 25px 15px;
 }
.temoignage_haut {
	background: url(images/intaco_guil_haut.jpg) top left no-repeat;
	height: 36px;	
}

#video
{
	margin-left: 12px;
	margin-top: 30px;
}
/*----------------------------------------  DIV PIED  -----------------------------------------------*/


#pied {
	clear: both;
	background: url(images/intaco_fond_pied.jpg) bottom no-repeat #00a6dd;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	margin-top: -14px;
	margin-left: 12px;
	margin-right: 12px;
	padding-bottom: 7px;
}
#pied p {
	margin: 15px 0px 0px 0px;
	
}
#pied a{
	color: #ffffff;
}
#pied a:hover {
	color: #000000;
}
/*----------------------------------------  CLASS BLOC  ----------------------------------------------*/

.bloc {
	background-color: #efeff1;
	width: 325px;	
	
}


.bloc h2{
	background-color: #ffffff;	
	font-size: 19px;
	line-height: 35px;
	font-weight: bold;
	
	
}

.bloc ul {
	list-style: none;
	margin: 20px 0px 0px 0px;
	padding: 0;
}
.bloc li {
	background-repeat: no-repeat;
	background-position:0.5em;
	padding-right: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	height: 26px;	
}

.bloc a {
	font-size: 17px;
	font-weight: bold;
	padding-left: 40px;	
}

.bloc p {
	padding:5px;
	/*text-align: justify;*/
}
.petit {
	width: 325px;
	margin:10px;
}
.grand {
	width: 666px;
	margin: 10px;
	
}
.grand2 {
	width: 666px;
	margin: 0px;
	
}

div.bleu {
	border-bottom: solid 6px #00a6dd;
	margin-bottom:30px;
}
.bleu h2 {
	color: #00a6dd;
	border-bottom: solid 6px #00a6dd;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
.bloc h2 a.l_titrebleu:link, .bloc h2 a.l_titrebleu:visited{
	font-size: 19px;
	padding-left:0;
	color:#00a6dd;
}
.bleu li {
	background-image:  url(images/intaco_puce_bleue.jpg);	
}
.bloc .bleu a {
	color: #00a6dd;
	padding-left:0;
	font-weight: bold;
	font-size:20px;
}
a.l_bleu:link, a.l_bleu:visited{
	color:#00a6dd;
}
.soustitre_bleu{
	color: #00a6dd;
	padding-left:0;
	font-weight: bold;
	font-size:19px;
}

div.mauve {
	border-bottom: solid 6px #5e3ea0;
	margin-bottom:30px;
}
.mauve h2 {
	color: #5e3ea0;
	border-bottom: solid 6px #5e3ea0;
	padding: 0;
	margin: 0;
	
	font-size:19px;
}
.mauve {
	color: #5e3ea0;
	border-bottom: solid 6px #5e3ea0;
	padding: 0;
	/*margin: 0;*/
}
.mauve2 {
	color: #5e3ea0;
	padding: 0;
	margin: 0;
}
h2.mauve2{
	font-size:18px;
}
.mauve li {
	background-image:  url(images/intaco_puce_mauve.jpg);	
}
.mauve a {
	color: #5e3ea0;
}

div.rouge {
	border-bottom: solid 6px #ff1148;
	margin-bottom:30px;
}
.rouge h2 {
	color: #ff1148;
	border-bottom: solid 6px #ff1148;
	padding: 0;
	margin: 0;
}
.rouge li {
	background-image:  url(images/intaco_puce_rouge.jpg);	
}
.rouge a {
	color: #ff1148;
}

div.grand {
	border-bottom: solid 20px #efeff1;
	
}


/*------------- Témoignages --------------------*/
.bloc_temoignage {
	/*background-color: #efeff1;*/
	width: 666px;
	margin-right:10px;
	padding-bottom:5px;
}
.mauve_temoignage {
	color: #5e3ea0;
	border-bottom: solid 6px #5e3ea0;
	padding: 0;
	margin-bottom:30px;
	
	border-top: solid 6px #5e3ea0;
}
.rouge_temoignage {
	border-bottom: solid 6px #ff1148;
	/*border-top: solid 6px #ff1148;*/
	margin-bottom:30px;
}
.bleu_temoignage {
	border-bottom: solid 6px #00a6dd;
	/*border-top: solid 6px #00a6dd;*/
	margin-bottom:30px;
}
.head_temoignage_rouge{
	background-color:#ff1148;
	padding:2px 5px;
}
.head_temoignage_bleu{
	background-color:#00a6dd;
	padding:2px 5px;
	margin-bottom:5px;	
}
.nom_temoign{
	float:left;
	width:580px;
	font-weight:bold;
}
.date_temoign{
	font-size:0.9em;
}

/*----------------------------------------  CLASS IMAGES  ----------------------------------------------*/

img.droite {
	float: right;
}

img.gauche {
	float: left;
}
.marges {
	margin: 10px;
}

/*----------------------------------------  CLASS DIVERS ----------------------------------------------*/

.clear {
	clear: both;
}
.gras {
	font-weight: bold;
}
a.puce_rouge {
	display: block;
	margin: 10px;
	padding: 5px 5px 5px 40px;
	background: url(images/intaco_puce_rouge.jpg)  no-repeat left center;
	color: #ff1148;	
}

a.puce_bleue {
	display: block;
	margin: 10px;
	padding: 5px 5px 5px 40px;
	background: url(images/intaco_puce_bleue.jpg)  no-repeat left;
	color: #00a6dd;
}
a.puce_mauve {
	display: block;
	margin: 10px;
	padding: 5px 5px 5px 40px;
	background: url(images/intaco_puce_mauve.jpg)  no-repeat left;
	color: #00a6dd;
}
li.bleu {
	background: none;
	font-size: 20px;
	font-weight: bold;
	color: #00a6dd;
	padding-left: 5px;
}

/*--------------------------*/


.bleuGd {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #00A6DD;
	font-weight: bold;
}
.bleuGd2{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	color: #00A6DD;
	font-weight: bold;
}
.intro_forminscr{
	display:block;
	font-size:15px;
	margin-bottom:10px;
}
