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

    
}

#global {
	margin:0px 60px;
	
	width:768px;
	
}


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:1500px;
	height:121px;
	background: #fff url("images/zebraAccueil.jpg") no-repeat top left;
	
}


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

.menuMentions {
	float:left;
	width:800px;
	text-align:left;
	margin-left:350px;

	font-size:9px;
	
}


.phraseBas {

	width:800px;
	text-align:left;
	color:#000;
	font-size:9px;
	margin-left:350px;

}

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

.listeMenuAccueilDroite {
	
	
	text-align:right;
}

.listeMenuAccueilDroite li {
	/*list-style:none;*/
	
	display:inline;
}


.listeMenuInterieurAccueilDroite li {
	
	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 {
margin-top:100px;

	float:left;

	height:500px;
	
}


#partieDroite {
	float:left;

	height:500px;
}


#menuGeneralContenu {
	float:left;
width:598px;
	height:380px;
	
}


#contenuGeneral {
float:left;
	width:800px;
	text-align:left;
	z-index:20px;
	margin-top:-320px;
	margin-left:350px;
	
	
}

#menuGeneral {

padding-top:57px;
margin-top:26px;
float:left;
	height:auto;
	width:950px;
	text-align:left;
	background: url("images/logo.jpg") no-repeat top left;
	
	
}


#imageBasGeneral {
	clear:both;
	margin:0 auto;


	
	
}

#menuInferieurGeneral {
	clear:both;
	width:898px;
	height:40px;
	text-align:left;
	margin-top:-200px;


		
}


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


.listeMenuGeneral {
	display:inherit;
	text-align:left;
	
	
}

.listeMenuGeneral li {
	height:24px;
	width:220px;
	display:inherit;
	
}

.listeMenuGeneral li a,
.listeMenuGeneral li a:link, 
.listeMenuGeneral li a:active,
.listeMenuGeneral li a:hover,
.listeMenuGeneral li a:visited {
	color:#000;
	font-size:14px;
	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:14px;
	
}

.listeMenuGeneral li a.vertgeneral:hover,
.listeMenuGeneral li.active a.vertgeneral {
	font-weight:normal;
	font-size:14px;
	color:#000000;
	background-color:#00FF66;
	
}

.listeMenuGeneral li a.edition:hover,
.listeMenuGeneral li.active a.edition {
	font-weight:normal;
	font-size:14px;
	color:#000000;
	background-color:#00FF66;


	
	
}

.listeMenuGeneral li a.illustration:hover,
.listeMenuGeneral li.active a.illustration {
	font-weight:normal;
	font-size:14px;
	color:#000000;
	background-color:#00FF66;


	
	
}

.listeMenuGeneral li a.photographie:hover,
.listeMenuGeneral li.active a.photographie {
	font-weight:normal;
	font-size:14px;
	color:#000000;
	background-color:#00FF66;


	
	
}



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

#titreGalerieMenu_vertEdition,
#titreGalerieMenu_vertIllustration,
#titreGalerieMenu_vertPhoto {
	clear:both;
	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;
	
}

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


/*  ------------------------------------------
		GALERIES
----------------------------------------------*/
#pageGalerie_vertEdition,
#pageGalerie_vertIllustration,
#pageGalerie_vertPhoto  {
margin-top:26px;
	
	width:900px;
	

	background: #fff url("images/logo.jpg") no-repeat top left;
	/*border-right:solid 2px #246834;		*/
}





#menuContenuGalerie {

	width:100%;
	border:none;

	
	
}


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

#menuGalerie {
margin-top:-300px;
	text-align:left;
	width:800px;
	background:transparent;

	
	

}



#imageMenu {
	clear:both;
	
	width:449px;
	height:407px;


}


.imageGrande_vertEdition, 
.imageGrande_vertIllustration, 
.imageGrande_vertPhoto  {

	width:100%;
	height:600px;
	border:none;
	margin-left:350px;


	
	
		
}

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

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

.imageGrande_vertPhoto {
	border:solid 1px #35B557;
}
*/
#imageGrande {
	

}


.menuGalerieBas {
	clear:both;
	text-align:left;
	width:200px;
	margin-top:-360px;
	font-size:23px;
	color:#FFFFFF;

	
	
}



#navigationTexte {
	
		
	width:210px;
	height:350px;
margin-top:-400px;
	
}

.flecheNavigation {
	
	text-align:center;
	height:45px;
	width:100%;
	padding-top:400px;
	margin-left:-85px;

}


.contenuTexte {
	clear:both;
	width:300px;
	text-align:center;
	height:145px;


	
	
}

.contenuTexte table {
	height:100px;
	vertical-align:top;

}

.contenuTexte table tr {
	height:100px;
	vertical-align:top;
}

.carreImages {
	clear:both;
	width:850px;
	text-align:left;
	display:inine;
	margin-top:-10px;


	margin-left:347px;
}


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



.listeCarreImage {
	display:inline;

}

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

.listeCarreImage li img {
	display:inline;

	width:36px;
	height:36px;
	margin-left:1px;
	opacity : 0.35;
    filter : alpha(opacity=30); 
	
}

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

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

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

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


#menuInferieurGalerie {
	
	float:left;
	margin-top:300px;


	
	
	

}


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



ul.listeMenuGalerie_vertEdition,
ul.listeMenuGalerie_vertIllustration  ,
ul.listeMenuGalerie_vertPhoto {
	font-size:0px;
	letter-spacing:normal;
	line-height:21px;
	color:#FFFFFF;
	
		
}

ul.listeMenuGalerie_vertEdition li,
ul.listeMenuGalerie_vertIllustration li ,
ul.listeMenuGalerie_vertPhoto li  {
	
	font-size:0px;
	letter-spacing:normal;
line-height:21px;
color:#FFFFFF;
	
}
	
.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  {

	font-size:0px;
	text-transform:uppercase;
	letter-spacing:normal;
line-height:2&px;
color:#FFFFFF;	
}
	
.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:#FFFFFF;

	font-weight:200;


	

}	

.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:#FFFFFF;
	font-weight:200;	
	
}	

.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:#FFFFFF;
	font-weight:200;
	
}	





/*  ------------------------------------------------------
	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;
}