* {
    margin: 0;
    padding: 0;
}
body {
    margin:0px auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #333;
	

    
}

#global {
	margin:0px auto;
	color:#000;
	width:900px;
}


a, a:link, a:visited, 
a:hover, a:active { 
    text-decoration: none;
    color: #000;
}


a img, img {
    border: none;
}

li {
	list-style:none;
}


.mentionsLegales {
	text-transform:uppercase;
	font-size:9px;
	color:#000;
}

.sousTitreAccueil {
	color:#000;
	text-transform:uppercase;
	font-size:17px;
}


/*  ------------------------------------------------------
		PAGE D'ACCUEIL
---------------------------------------------------------*/

#menuGaucheAccueil {
	float:left;
	width:300px;
	height:499px;
	background:#fff url("images/arbreAccueil.gif") no-repeat bottom left;
}

#menuDroiteAccueil  {
	float:right;
	width:600px;
	height:499px;
}


#imageBasAccueil {
	clear:both;
	margin:0 auto;
	width:900px;
	height:121px;
	background: #fff url("images/zebraAccueil.jpg") no-repeat top left;
	
}


#menuInferieur {
	clear:both;
	margin:0 auto;
	width:900px;
	height:40px;
	text-align:right;
}

.menuMentions {
	float:left;
	width:750px;
	text-align:right;
}


.phraseBas {
	float:left;
	width:750px;
	text-align:right;
	color:#000;
	font-size:9px;
}

/*  ###########################
		menu accueil droite
############################# */

.listeMenuAccueilDroite {
	margin-top:200px;
	padding-right:130px;
	text-align:right;
}

.listeMenuAccueilDroite li {
	/*list-style:none;*/
	margin-top:40px;
	display:block;
}


.listeMenuInterieurAccueilDroite li {
	margin-top:5px;
	display:inline;
	text-transform:uppercase;
	font-size:17px;
}

/*  ###########################
		menu accueil gauche
############################# */

.positionMenu {
	position:relative;
	top:340px;
	left:140px;
	height:auto;
	text-align:left;
}


.listeMenuAccueilGauche li {
	display:block;
}

.listeMenuAccueilGauche li a,
.listeMenuAccueilGauche li a:link, 
.listeMenuAccueilGauche li a:active,
.listeMenuAccueilGauche li a:hover,
.listeMenuAccueilGauche li a:visited {
	color:#246834;
	font-size:16px;
	text-transform:uppercase;
}

.listeMenuAccueilGauche li a:hover {
	color:#000;
}


/*  ###########################
		menu placé en bas
############################# */

.listeMenuBas {
	text-align:right;
	display:inline;
}

.listeMenuBas li {
	display:inline;
}

.listeMenuBas li a,
.listeMenuBas li a:link, 
.listeMenuBas li a:active,
.listeMenuBas li a:hover,
.listeMenuBas li a:visited {
	color:#000;
	font-size:9px;
	text-transform:uppercase;
}




/*  ------------------------------------------------------
		PAGE GENERAL
---------------------------------------------------------*/

#arbreGauche {
	float:left;
	width:290px;
	height:500px;
	background:#fff url("images/arbreGeneral.jpg") no-repeat bottom left;
}


#partieDroite {
	float:right;
	width:610px;
	height:500px;
}


#menuGeneralContenu {
	float:right;
	margin-top:120px;
	width:598px;
	height:380px;
	border-right:solid 2px #246834;
}


#contenuGeneral {
	float:left;
	margin-top:20px;
	margin-left:10px;
	height:auto;
	width:400px;
	text-align:left;
	z-index:20px;
}

#menuGeneral {
	float:right;
	margin-right:10px;
	height:auto;
	width:150px;
	text-align:right;
}


#imageBasGeneral {
	clear:both;
	margin:0 auto;
	width:898px;
	height:120px;
	border-right:solid 2px #246834;	
	background: #fff url("images/zebraGeneral.jpg") no-repeat top left;
}

#menuInferieurGeneral {
	clear:both;
	margin:0 auto;
	width:898px;
	height:40px;
	text-align:right;
	border-right:solid 2px #246834;	
}


/*  ###########################
	menu placé à droite dans les autres pages
############################# */


.listeMenuGeneral {
	display:block;
}

.listeMenuGeneral li {
	display:block;
	height:24px;
}

.listeMenuGeneral li a,
.listeMenuGeneral li a:link, 
.listeMenuGeneral li a:active,
.listeMenuGeneral li a:hover,
.listeMenuGeneral li a:visited {
	color:#000;
	font-size:17px;
	text-transform:uppercase;
}

/*  mose en forme pour le lien vers la page d'accueil */ 
.listeMenuGeneral li.last a.accueil,
.listeMenuGeneral li.last a.accueil:hover,
.listeMenuGeneral li.last a.accueil:active,
.listeMenuGeneral li.last a.accueil:link,
.listeMenuGeneral li.last a.accueil:visited {
	font-weight:bold;
	font-size:15px;
}

.listeMenuGeneral li a.vertgeneral:hover,
.listeMenuGeneral li.active a.vertgeneral {
	font-weight:normal;
	font-size:17px;
	color:#246834;
}

.listeMenuGeneral li a.edition:hover,
.listeMenuGeneral li.active a.edition {
	font-weight:normal;
	font-size:17px;
	color:#a30f0f;
}

.listeMenuGeneral li a.illustration:hover,
.listeMenuGeneral li.active a.illustration {
	font-weight:normal;
	font-size:17px;
	color:#db7609;
}

.listeMenuGeneral li a.photographie:hover,
.listeMenuGeneral li.active a.photographie {
	font-weight:normal;
	font-size:17px;
	color:#35B557;
}



/*  ------------------------------------------
		MENU GALERIES
----------------------------------------------*/

#titreGalerieMenu_vertEdition,
#titreGalerieMenu_vertIllustration,
#titreGalerieMenu_vertPhoto {
	float:left;
	margin-top:118px;
	width:685px;
	height:280px;
	
}

#titreGalerieMenu_vertEdition {
	background: #fff url("images/titreGalerieEdition.gif") no-repeat bottom right;
}

#titreGalerieMenu_vertIllustration {
	background: #fff url("images/titreGalerieIllustration.gif") no-repeat bottom right;
}

#titreGalerieMenu_vertPhoto {
	background: #fff url("images/titreGaleriePhoto.gif") no-repeat bottom right;
}


.texteTitreGalerie {
	float:left;
	width:100%;
	height:120px;
	vertical-align:bottom;
}

.menuTitreGalerie {
	float:left;
	width:480px;
	height:56px;
	padding-top:100px;
	font-size:36px;
	text-transform:uppercase;
	letter-spacing:-2px;
	line-height:36px;
	text-align:right;
	
}


/*  ------------------------------------------
		GALERIES
----------------------------------------------*/
#pageGalerie_vertEdition,
#pageGalerie_vertIllustration,
#pageGalerie_vertPhoto  {
	margin:120px auto 0px auto;
	width:898px;
	height:535px;
	background: #fff url("images/logo.jpg") no-repeat bottom right;
	/*border-right:solid 2px #246834;		*/
}

#pageGalerie_vertEdition {
	border-right: solid 2px #a30f0f;
}

#pageGalerie_vertIllustration {
	border-right: solid 2px #db7609;
}

#pageGalerie_vertPhoto {
	border-right: solid 2px #35B557;
}


#menuContenuGalerie {
	float:left;
	width:100%;
	height:410px;
	border:none;
}


#contenuGalerie {
	float:left;
	/*margin-top:20px;*/
	/*margin-left:20px;*/
	height:auto;
	width:890px;
	text-align:left;
}

#menuGalerie {
	float:right;
	text-align:right;
	margin:0px;
	margin-right:2px;
	width:150px;
	padding:0px;
	background:transparent;
}


#imageMenu {
	float:left;
	width:449px;
	height:407px;
}


.imageGrande_vertEdition, 
.imageGrande_vertIllustration, 
.imageGrande_vertPhoto  {
	float:left;
	width:100%;
	height:336px;
	border:none;
}

/*
.imageGrande_vertEdition {
	border:solid 1px #4EBE99;
}

.imageGrande_vertIllustration {
	border:solid 1px #6FBE44;
}

.imageGrande_vertPhoto {
	border:solid 1px #35B557;
}
*/
#imageGrande {
	background: #fff url("assets/images/imagesGrandes/blanc.gif") no-repeat bottom right;
}


.menuGalerieBas {
	float:right;
	text-align:right;
	height:66px;
	width:449px;
	margin-top:15px;
	padding-top:5px;
	font-size:36px;
	text-transform:uppercase;
	letter-spacing:-2px;
	line-height:45px;
}



#navigationTexte {
	float:left;
	margin-top:50px;
	width:210px;
	height:350px;
	margin-left:10px;
}

.flecheNavigation {
	float:left;
	text-align:center;
	height:45px;
	width:100%;
}


.contenuTexte {
	float:left;
	width:100%;
	text-align:left;
	margin-left:10px;
	height:145px;
}

.contenuTexte table {
	height:100%;
	vertical-align:bottom;
}

.contenuTexte table tr {
	height:100%;
	vertical-align:bottom;
}

.carreImages {
	float:left;
	width:100%;
	text-align:left;
	height:auto;
	margin-left:10px;
	margin-top:0px;
}


/*  ###########################
		menu avec les carrés d'image
############################# */



.listeCarreImage {
	display:inline;

}

.listeCarreImage li {
	display:inline;
	width:46px;
	height:46px;
}

.listeCarreImage li img {
	display:inline;
	width:46px;
	height:46px;
	margin-left:1px;
	opacity : 0.5;
    filter : alpha(opacity=30); 
}

.listeCarreImage li.active img {
	opacity : 1;
    filter : alpha(opacity=100); 
}

.listeCarreImage li img.vertEdition {
	border:solid 1px #a30f0f;
}

.listeCarreImage li img.vertIllustration {
	border:solid 1px #db7609;
}

.listeCarreImage li img.vertPhoto {
	border:solid 1px #35B557;
}


#menuInferieurGalerie {
	clear:both;
	float:left;
	margin:90px auto 0px auto;
	width:900px;
	height:40px;
	text-align:right;
}


/*  ###########################
	menu placé sous la grande photo
############################# */



ul.listeMenuGalerie_vertEdition,
ul.listeMenuGalerie_vertIllustration  ,
ul.listeMenuGalerie_vertPhoto {
	font-size:16px;
	letter-spacing:normal;
	line-height:18px;	
}

ul.listeMenuGalerie_vertEdition li,
ul.listeMenuGalerie_vertIllustration li ,
ul.listeMenuGalerie_vertPhoto li  {
	
	font-size:16px;
	letter-spacing:normal;
	line-height:18px;
	
}
	
.listeMenuGalerie_vertEdition li a,
.listeMenuGalerie_vertEdition li a:link, 
.listeMenuGalerie_vertEdition li a:active,
.listeMenuGalerie_vertEdition li a:hover,
.listeMenuGalerie_vertEdition li a:visited,
.listeMenuGalerie_vertIllustration li a,
.listeMenuGalerie_vertIllustration li a:link, 
.listeMenuGalerie_vertIllustration li a:active,
.listeMenuGalerie_vertIllustration li a:hover,
.listeMenuGalerie_vertIllustration li a:visited,
.listeMenuGalerie_vertPhoto li a,
.listeMenuGalerie_vertPhoto li a:link, 
.listeMenuGalerie_vertPhoto li a:active,
.listeMenuGalerie_vertPhoto li a:hover,
.listeMenuGalerie_vertPhoto li a:visited  {
	color:#000;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:normal;
	line-height:18px;	
}
	
.listeMenuGalerie_vertEdition li.active a,
.listeMenuGalerie_vertEdition li.active a:link,
.listeMenuGalerie_vertEdition li.active a:active,
.listeMenuGalerie_vertEdition li.active a:hover,
.listeMenuGalerie_vertEdition li.active a:visited,
.listeMenuGalerie_vertEdition li a:hover {
	color:#a30f0f;

}	

.listeMenuGalerie_vertIllustration li.active a,
.listeMenuGalerie_vertIllustration li.active a:link,
.listeMenuGalerie_vertIllustration li.active a:active,
.listeMenuGalerie_vertIllustration li.active a:hover,
.listeMenuGalerie_vertIllustration li.active a:visited,
.listeMenuGalerie_vertIllustration li a:hover {
	color:#db7609;
	
}	

.listeMenuGalerie_vertPhoto li.active a,
.listeMenuGalerie_vertPhoto li.active a:link,
.listeMenuGalerie_vertPhoto li.active a:active,
.listeMenuGalerie_vertPhoto li.active a:hover,
.listeMenuGalerie_vertPhoto li.active a:visited,
.listeMenuGalerie_vertPhoto li a:hover {
	color:#35B557;
	
}	





/*  ------------------------------------------------------
	HABILLAGE DES FORMULAIRES
---------------------------------------------------------*/

.CTinstructions {
	color:red;
}

li.liste_champ {
	display:block;
	width:390px;
	height:20px;
	color:#000;
	font-weight:bold;
}

li.liste_libelle {
	display:block;
	height:auto;
	padding:0px 0px 3px 0px;
}

/*style pour les zones de texte*/
input.CTinput { 
	font-size: 11px;
    height: 18px;
    border: 1px solid #ccc;
    background-color: #fff ;
}

/*style pour le bouton d'envoi*/
input.CTsubmit { 
    padding:2px;
	height: 16px;
    background-color: #000;
    width:auto;
    font-size:9px;
    font-weight: bold;
    color:#fff;
	border:none;
}    

/*style pour les zones de texte multilignes*/
textarea.CTtextarea { 
	font-size: 11px;
    border: 1px solid #ccc;
}

.texte_italique {
	font-size:9px;
	font-style:italic;
}