/**
 *Import des styles pour les zones vitrines secondaires. A placer au debut du fichier CSS
 */ 
@import "vitrines_secondaires.css";
@import "accroche.css";

/* block */
#content {
	padding-bottom: 15px;
	font-family: Verdana,Helvetica,sans-serif;
	color: #000;
}

#content, #content table {
	font-size: 10px;
	line-height: normal;
}

#content table td {
	padding: 2px;
}

#v1, #v2, #v3 {
	float:left;
}

#v1 {
	display: none;
}

#v3 {
	width: 240px;
	position: absolute;
	top: 327px;
	left: 486px;
	z-index: 12;
}

#m2www {
	width: 780px;
	margin: auto;
}

#zone_accroche {
	z-index: 1;
}

/* carré de couleur*/
.c1, .c2, .c3{
	position:relative;
	float: left;
}
.c1{
	z-index:7;
}
.c2{
	z-index:4;
}
.c3{
	z-index:10;
}


/**
*Partie Film à l'affiche
*/

#filmAffiche {
	width: 665px;
}


#filmAffiche .pagination {
	float:right;
	padding-top:15px;
	margin-top: 220px;
}
#filmAffiche .numero_page {
	float:left;
	width:19px;
	height:15px
	margin-right:1px;
	margin-left:1px;
	cursor:pointer;
	background-color: #EDEDED;
	color:#000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
}
#filmAffiche .numero_page_selected {
	float:left;
	width:19px;
	height:15px
	margin-right:1px;
	margin-left:1px;
	cursor:pointer;
	background-color: #000000;
	color:#EDEDED;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
}




/**
*Partie de home
*/

/**
 *Debut Commun
*/
.bouton_ok{
width:36px;
float:left;
display:inline;
margin-left:193px;
}
/**
 *Fin Commun
*/



/** 
 *  Début : Galerie Photo
**/

.diaporamaContent{
	float:left;
	width:728px;
	height:400px;
	position:relative;
	overflow:hidden;
}

.diaporamaPhotoSeule{
	float:left;
	width:728px;
	height:500px;
	position:relative;
	overflow:hidden;
}

#titreFilm{
	position:absolute;
	z-index:10;
	top:14px;
	left:300px;
}


#rectanglePhoto{
	position:absolute;
	cursor:pointer;
	z-index:20;
	top:95px;
	left:20px;
	width:641px;
	height:241px;
	background-color:#333333;
	overflow:hidden;
}

#rectanglePhotoSeule{
	position:absolute;
	cursor:pointer;
	z-index:20;
	top:89px;
	left:40px;
	width:500px;
	height:331px;
	background-color:#333333;
	overflow:hidden;
}
	
#flecheNaviagtion{
	position:absolute;
	z-index:10;
	top:434px;
	left:259px;
	width:70px;
	height:31px;
	overflow:hidden;
}

.imgOff{
	*filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:0.4;
}

.imgOn{
	*filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/**
*Partie bons plans
*/
#bons_plans {
	position: relative;
}

#bons_plans .top {
	height: 300px;
}

#bons_plans .bas {
	position: relative; 
	width: 600px; 
	margin: -210px 0px 0px 20px; 
	z-index: 5;
}


#bons_plans .divContent {
	position: relative; 
	width: 500px; 
	margin-left: 39px; 
	z-index: 2;
}

#bons_plans .colorFond {
	background-color: #E5E5E5;
}

#bons_plans .content_titre {
	padding-top: 16px;
	background-color: #E5E5E5;
 }
 
#bons_plans .sousTitre { 
	padding: 18px 0px 10px 18px;
}

#bons_plans .sousTexts { 
	width: 420px; 
	padding: 0px 0px 20px 20px;
}

#bons_plans .partiePagination {
	width: 600px; 
	height: 316px; 
	position: relative; 
	z-index: 1; 
	margin-top: -285px;
}

#bons_plans .rectangle7 {
	width: 220px; 
	height: 180px; 
	/*background-color: #329900;*/
	float: left; 
	position: relative;
}

#bons_plans .div_rectangle8 {
	margin-top: 134px; 
	width: 199px; 
	height: 180px; 
	float: right; 
	position: relative;
}

#bons_plans .rectangle8 {
	width: 100px; 
	height: 165px; 
	margin-left: 99px; 
	/*background-color: #00349A;*/
	position: relative;
}

#bons_plans .pagination {
	float:left;
}
#bons_plans .numero_page {
	float:left;
	width:19px;
	height:15px;
	margin-right:1px;
	margin-left:1px;
	cursor:pointer;
	background-color: #EDEDED;
	color:#999999;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
}
#bons_plans .numero_page_selected {
	float:left;
	width:19px;
	height:15px;
	margin-right:1px;
	margin-left:1px;
	cursor:pointer;
	background-color: #000000;
	color:#EDEDED;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
}


#bons_plans .numero_page:hover {
	background-color: #666666;
	color: #ffffff;
}


/**
*Partie carnet de bord
*/
#carnet_de_bord {
	position: relative;
}

#carnet_de_bord .milieu {
	position: absolute; 
	top: 90px; 
	width: 718px; 
	height: 300px; 
	z-index: 2;
}

#carnet_de_bord .grandePhoto {
	position: absolute;
	top: 15px; 
	left: 20px; 
	z-index: 3;
}

#carnet_de_bord .zoneGris {
	position: absolute; 
	left: 260px; 
	z-index: 2; 
	width: 300px; 
	height: 285px; 
	background-color: #E5E5E5;
}

#carnet_de_bord .zoneGris_titre {
	margin: 65px 0px 0px 75px; 
	width: 215px;
}

#carnet_de_bord .rectangle9 {
	position: absolute; 
	top: 190px; 
	left: 200px; 
	z-index: 1; 
	width: 220px; 
	height: 110px; 
	/*background-color: #329900;*/
 }

#carnet_de_bord .zoneSpecifique {
	width: 239px; 
	height: 255px; 
	background-color: #E5E5E5; 
	float: left;
}

#carnet_de_bord .zoneSpecifique_text {
	margin: 10px 10px 0px 10px;
}

#carnet_de_bord .espace {
	margin: 10px 10px 0px 6px;
}

#carnet_de_bord .divZoneVideos {
	width: 239px; 
	height: 255px; 
	background-color: #000000; 
	float: left; 
	margin-left: 1px;
}

#carnet_de_bord .divZonePhotos {
	width: 239px; 
	height: 255px; 
	background-color: #333333; 
	float: left; 
	margin-left: 1px;
}

#carnet_de_bord .zoneVideos, #carnet_de_bord .zonePhotos {
	margin: 16px 0px 0px 39px; 
	width: 162px; 
	height: 179px;
}

#carnet_de_bord .zoneContenus {
	width: 80px; 
	height: 59px; 
	float: left; 
	margin: 0px 1px 1px 0px;
}

#carnet_de_bord .toutContenus {
	margin: 20px 0px 0px 10px
}




/**
*Partie sur la route
*/
#sur_la_route {
	float: left; 
	width: 479px; 
	height: 255px; 
	background-color: #E5E5E5;
}

#sur_la_route .espaceTitre {
	margin: 10px 10px 0px 10px;
}

#sur_la_route .divScroll {
	width: 469px; 
	height: 210px; 
	overflow:auto; 
	clear:both;
}

#sur_la_route .divContenus {
	width: 450px; 
	height: 70px;
}

#sur_la_route .petitLogo {
	float: left; 
	width: 80px; 
	height: 60px; 
	margin: 8px 20px 0px 20px;
}

#sur_la_route .zonetexts {
	float: left; 
	width: 310px; 
	height: 60px;
}

/**
*Partie Mea carnet de bord
*/
#mea_carnet_de_bord {
	float: left; 
	margin-left: 1px; 
	width: 239px; 
	height: 255px; 
	background-color: #E5E5E5;
}

#mea_carnet_de_bord .grandZoneTexts{
	height: 110px; 
	margin: 10px 0px 0px 12px;
}

#mea_carnet_de_bord .carnetDeBord{
	margin-left: 12px;
}

/**
*Partie Mea carnet de bord
*/
#planisphere {
	width: 718px; 
	height: 438px; 
	position: relative; 
}