* {
	font-family: Arial;
	font-size: 13 px;
	color: #222222;
	}

body {  
	background-color:#C4DFE6;
	}

#page {
	width: 980px;
	margin: 20px auto;
	}
	
#page1 {
	
	margin: 20px auto;
	}

#bureau {
	
	margin-bottom: -5px;
	}


#mayen {
	
	width: 760px;
	height: 536px;
	margin: auto auto;
	}

h1 { 
	font-size: 14px;
	letter-spacing: 5px;
	text-align: left;
	margin: 20px 0px;
	border-bottom: 1px solid #222222;
	}
	
.retour {
	clear:both;
	}

	
h2 {
	font-size: 13px;
	letter-spacing: 0px;
	margin: 20px 0px 3px 0px;
	color:#FFFFFF;
	}
	
h3 {
	font-size: 13px;
	margin: 0px;
	margin-bottom: 2px;
	color: #222222;
	}
	
h5 { 
	font-size: 14px;
	letter-spacing: 5px;
	text-align: left;
	color: #ffffff;
	margin: 10px 0px;
	border-bottom: 1px solid #ffffff;
	}

h6 { 
	font-size: 13px;
	letter-spacing: 5px;
	text-align:right;
	color: #ffffff;
	margin: 10px 0px;
	border-bottom: 1px solid #ffffff;
	}

p {
	font-size: 13px;
	}
	
.champadmin {
	font-size: 11px;
	}
	
.petitchampadmin {
	font-size: 9px;
	}
	
.signature {
	float: right ;
	}

a img {
	border: 0px none;
	}

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

a:hover {
	color:#ffffff;
	}
	
a.hyperlien:link, a.hyperlien:visited {
	color:#FF00CC;
	text-decoration: none;
	}
	
a.hyperlien:hover {
	color:#ffffff;
	background-color:#FF00CC;
	}	

a.textepopup:link, a.textepopup:visited  {
	color: #333333;
	text-decoration: none;
	}

a.textepopup:hover {
	color: #333333;
	}
	
#cache a:link,#cache a:visited {
	color: #222222;
	text-decoration: none;
	}
	
#cache a:hover {
	color: #222222;
	background-color: #C4DFE6;
	}
	
a.photopresse:hover {
	color: #ffffff;
	background-color: #ffffff;
	}
	
.citation {
	font-style:italic;
	width: 100px;
	}
	
.temoignage {
	font-style:italic;
	}

.commentaire {
	font-size: 13px;
	font-weight: normal;
	font-style:italic;
	}
	
.titre_chanson {
	width: 150px;
	font-size: 10px;
	line-height: 20px;
	float: left;
	}

.titre_radio {
	width: 250px;
	font-size: 11px;
	line-height: 20px;
	float: left;
	}
	
.aligner {
	line-height: 25px;
	}
	
.retour {
	margin-top: -5px;
	margin-bottom: -10;
	float: right ;
	}
	

	
	/*---------------------------chemin-------------------------------*/

#chemin {
	line-height: 31px;
	color:#666666;
	background-color:#FFFFFF;
	-moz-border-radius: 0px 0px 30px 30px;
	-webkit-border-radius: 0px 0px 30px 30px; 
    border-radius: 0px 0px 30px 30px;         
    -webkit-border-bottom-left-radius: 30px; /* pour Chrome */ 
    -webkit-border-bottom-right-radius: 30px; /* pour Chrome */
	padding-left: 60px;
	border: 1px solid black;
	border-top: 0px none;
	font-size: 14px;
	margin-bottom: 20px;
	}
	
div.chemin {
	background-image: url(voyages/images/fond_chemin.gif);
	height: 30px;
	margin-bottom: 20px;
	}

a.chemin:link, a.chemin:visited  {
	color:#000000;
	text-decoration: none;
	font-size: 14px;
	}

a.chemin:hover {
	color:#FF00CC;
	background-color: #FFFFFF;
	font-size: 14px;
	}

.cheminOk {
color: #FF00CC;
	}

.menu_horizontal {
	margin-left: 200px;
	}

.menu_horizontal li {
	display: block;
	float: left;
	width: 194px;
	height: 30px;
	padding-top: 7px;
	}
	
.menu_horizontal li a:link, .menu_horizontal li a:visited{
	color:#222222;
	}

.menu_horizontal li a:hover{
	color:#FF00CC;
	}

.menu_body1 {
	z-index: 1;
	display: none;
    width:200px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px 0px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; 
    border-radius: 20px;          
	/*background-image: url(voyages/images/fond_deroulant.png);*/
	background-color:#FFFFFF;
	position: absolute;
}

.menu_body2 {
	z-index: 1;
	display: none;
    width:270px;
	margin-top: 10px;
	padding: 10px 0px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; 
    border-radius: 20px;          
	/*background-image: url(voyages/images/fond_deroulant.png);*/
	background-color:#FFFFFF;
	position: absolute;
}

.menu_body3 {
	z-index: 1;
	display: none;
    width:230px;
	margin-top: 10px;
	padding: 10px 0px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; 
    border-radius: 20px;          
	/*background-image: url(voyages/images/fond_deroulant.png);*/
	background-color:#FFFFFF;
	position: absolute;
}

.menu_body1 li, .menu_body2 li, .menu_body3 li {
	width: 280px;
	/*color:#000000;*/
}

.menu_body1 li a, .menu_body2 li a, .menu_body3 li a {
    display: block;
	padding: 0px 15px;
	text-align: left;
	/*color:#000000;*/
}

.labonnepage {
	
	color: #FF00CC;
	padding: 0px 15px;
}

.labonnepageagenda {
	
	color: #FF00CC;
}


	
	/*---------------------------generique-------------------------------*/

#corps table {
	margin: 15px;
	}
	
#corps td {
	width: 245px;
	font-size: 13px;
	vertical-align: top;
	padding-left: 15px;
	}
	
.tableau1 {
	width: 245px;
	font-style: italic;
	text-align: right;
	padding-right: 15px;
	}

.test {
	padding: 5px;
	border: 1px solid #333333;
	}
	
		
	/*-------------------------navigation superieur---------------------------*/
	

ul { 
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
ul.liste { 
	list-style-type:square;
	font-size: 13px;
	margin: 5px;
	padding: 5px;
	}

li { 
	float: right;
	}
	
li.top {
	float: none;
	}

li.menucolonne {
	float: none;
	}

li.navigation2 {
	float: left;
	}


 /*--------------------------sous-navigation2008------------------------------*/
	
#menufesten li {
	
	font-size: 15px;
	vertical-align: middle;
	text-decoration: none;
	text-align: right;
	color: #FF00CC;
	 }
	 
#menufesten a:link, #menufesten a:visited {
	display: block;
	padding: 5px 0px;
	text-decoration: none;
	color: #ffffff;
	 }

p.menuHoraires {
	
	font-size: 10px;
	vertical-align: middle;
	text-decoration: none;
	text-align: right;
	color: #FFFFFF;
	 }

#menufesten a:hover {
	color: #FF00CC;
	}


#menuTop a:link, #menuTop a:visited {
	padding-left: 10px;
	vertical-align: middle;

	text-decoration: none;
	text-align: right;
	display: block;
	color: #ffffff;
	 }

#menuTop a:hover {
	color: #FF00CC;
	background-color:#C4DFE6;
	}

	
 /*--------------------------menu admin------------------------------*/

#admNav a:link, #admNav a:visited {
	padding: 0px 10px;
	font-size: 10px;
	vertical-align: middle;
	height: 18px;
	text-decoration: none;
	display: block;
	background-color:#FFFFFF;
	color: #A2A2A2;
	 }

#admNav a:hover {
	color: #ffffff;
	background-color: #A2A2A2;
	}

	
	
	/*---------------------------navigation admin----------------------------*/
	
 a.admNav:link, a.admNav:visited {
	
	font-size: 11px;
	text-decoration: none;
	background-color:#FFFFFF;
	color: #A2A2A2;
	 }

a.admNav:hover {
	color: #ffffff;
	background-color: #A2A2A2;
	}
	
	
	
	/*---------------------------contenu par piece----------------------------*/

#pamukalie {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30pxß;         
	background: #ffffff url(pamukalie/images/fond_pamukalie.gif) repeat-y top left;
	background-color:#FFE9DA;
	}
	
#pamukalie2 {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30pxß;         
	background: #000000 url(pamukalie/images/fond_pamukalie.gif) repeat-y top left;
	background-color:#000000;
	}
	
#brazul {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30pxß;         
	background: #ffffff url(brazul/images/fond_brazul.gif) repeat-y top left;
	background-color:#CCE5D6;
	}
	
#brazul2 {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30pxß;         
	background: #000000 url(brazul/images/fond_brazul.gif) repeat-y top left;
	background-color:#000000;
	}
	
#festen {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;   
	background: #ffffff url(festen/images/fond_festen.gif) repeat-y top left;
	background-color:#e4eee0;
	}
	
#festen2 {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;   
	background: #000000 url(festen/images/fond_festen.gif) repeat-y top left;
	background-color:#000000;
	}
	
#pag {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;   
	background: #ffffff url(pag/images/fond_pags.gif) repeat-y top left;
	background-color: #dbfbfd;
	}

#pag2 {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;   
	background: #000000 url(pag/images/fond_pags.gif) repeat-y top left;
	background-color: #000000;
	}

#robots {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;  
	background: #ffffff url(robots/images/fond_robots.gif) repeat-y top left;
	background-color: #e4eaf0;
	}
	
#robots2 {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;  
	background: #ffffff url(robots/images/fond_robots.gif) repeat-y top left;
	background-color: #000000;
	}
	
#nemo {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 10px 10px 0 0;   
	background: #ffffff url(vingt-mille-lieues-sous-les-mers/images/fond_nemo.gif) repeat-y top left;
	background-color:#d2e7ec;
	}
	
#nemo2 {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 10px 10px 0 0;   
	background: #000000 url(vingt-mille-lieues-sous-les-mers/images/fond_nemo.gif) repeat-y top left;
	background-color:#000000;
	}
	
#rame {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;  
	background: #ffffff url(rame/images/fond_rame.gif) repeat-y top left;
	background-color:#ead8cb;
	}
	
#rame2 {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;  
	background: #000000 url(rame/images/fond_rame.gif) repeat-y top left;
	background-color:#000000;
	}
	
#jeunesse {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;   
	background: #ffffff url(vallee-de-la-jeunesse/images/fond_jeunesse.gif) repeat-y top left;
	background-color:#e3c4ce;
	}
	
#jeunesse2 {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;   
	background: #000000 url(vallee-de-la-jeunesse/images/fond_jeunesse.gif) repeat-y top left;
	background-color:#000000;
	}
	
#yokoni {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;   
	background: #ffffff url(yoko-ni/images/fond_yoko-ni.gif) repeat-y top left;
	background-color:#DCEFF2;
	}

#yokoni2 {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;   
	background: #000000 url(yoko-ni/images/fond_yoko-ni.gif) repeat-y top left;
	background-color:#000000;
	}

#accueil {
	clear: both;
	width: 978px;
		-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;
	background:#F1F9FF url(voyages/images/fond_accueil.gif) repeat-y top left;
	}
	
#accueil2 {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;
	background: #000000 url(voyages/images/fond_accueil.gif) repeat-y top left;
	}

#admin {
	clear: both;
	width: 978px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px; 
    border-radius: 30px;
	background: #ffffff url(voyages/images/fond_admin.gif) repeat-y top left;
	}
	 
.vide {
	clear: both;
	}
	
	/*-------------------------------colonne-----------------------------------*/	
	
#colonne { 
	float: left;
	width: 170px;
	padding: 15px;
	text-align: justify;
	}

#colonne p {
	font-size: 14px; 
	margin: 0px;
	margin-bottom: 5px;
	}

#partage {
	padding: 15px;
	border: 1px solid #333333;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; 
    border-radius: 20px;  
	background-color: #C4DFE6;
	}

#partage img{
	margin-left: 10px;
	}

#partage p{
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: right;
	}
	
	/*--------------------------------agenda-----------------------------------*/

#agenda {
	width: 210px;
	height: 350px;
	padding: 5px;
	margin-bottom: 40px;
	overflow: auto;
	
	}

#agenda table {
 	margin: 0px;
	background-color: #FFFFFF;
	}


#agenda td {
	font-size: 13px;
	border-bottom: 1px solid #C4DFE6;
	}
	
#agenda th {
	width: 50px;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	vertical-align: top;
	border-bottom: 1px solid #C4DFE6;
	}
	
#agendavoyages {
	height: 450px;
	margin-bottom: 40px;
	overflow: auto;
	background-color: #ffffff;
	}

#agendavoyages2 {
	height: 400px;
	width: 200px;
	overflow: auto;
	
	}

#agendavoyages table {
 	margin: 0px;
	}
	
#agendavoyages td {
	font-size: 13px;
	}
	
#agendavoyages th {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	vertical-align: top;
	}
	
.testagendatable {
 	margin: 0px;
	}
	
.testagendatd1 {
	width: 50px;
	}
.testagendatd2 {
	font-size: 10px;
	width: 250px;
	}
	
.testagendath {
	width: 100px;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	vertical-align: top;
	}

	/*-----------------------------formulaire----------------------------------*/

#inscription {
	width: 500px;
	margin-bottom: 0px;
	}
	
#inscription p {
	color:#FFFFFF;
	}

#inscription label {
	color:#FFFFFF;
	}

#questions {
	width: 500px;
	height: auto;
	}

.sous-titre {
	font-style: italic;
	margin-top: 0px;
	font-size: 16px;
	}
	
.email {
	width: 300px;
	border: 1px solid;
	}
	
.remplissage {
	width: 500px;
	font-size: 13px;
	border: 1px solid;
	}

.bouton {
	float: right;
	}
	
	/*--------------------------------contenu----------------------------------*/
	
#corps {
	margin-left:200px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 5px;
	text-align: justify;
	}

#corpsflash {
	margin-left:200px;
	}
	
#corpsaccueil {
	margin-left:210px;
	padding: 15px;
	text-align: justify;
	}

#corps1 {
	margin-left:200px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;
	}
	
#corpsbilingue {
	margin-left:200px;
	padding: 15px;
	padding-top: 5px;
	text-align: justify;
	}
	
#langue {
	margin-right: 15px;
	margin-top: 15px;
	font-size: 10px;
	}

#inscription_festen {
	padding: 0px 15px;
	border: 1px solid;
	}

#cadreblanc {
	width: 170px;
	
	}

#cadreblanc p {
	background-color:#CCE5D6;
	font-size: 10px;
	padding: 10px;
	color: #333333;
	}

#cadreblanc h1 {
	color:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}

	/*----------------------------photos contenu-------------------------------*/

#galerie2010 {
	margin-left: 200px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 30px;
	padding-bottom:30px;
	
	}
	
.droite {
	float: right ;
	margin-left: 15px;
	margin-bottom: 15px;
	}
	
.gauche {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	}
	
.centre {
	margin: 15px auto;
	margin-top: 0px;
	}

.presse {
	margin-left: 15px;
	margin-bottom: 15px;
	}

.christian {
	float: right ;
	margin-top: 40px;
	margin-left: 15px;
	margin-bottom: 0px;
	}
	
#video {
	float: right;
	margin: 15px 65px;
	 }

.video {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	}

.imagerie {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
    border-radius: 10px;
	}
	 
	
	/*----------------------------------news-----------------------------------*/
	
#cadrenews {
	width: 452px;
	}
	
#cadrenews h1 {
	color:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}

#news {
	width: 452px;
	height: 380px;
	overflow: auto;
	}

.news {
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px; 
    border-radius: 0px 0px 20px 20px;         
    -webkit-border-bottom-left-radius: 20px; /* pour Chrome */ 
    -webkit-border-bottom-right-radius: 20px; /* pour Chrome */ 
	border-top: 0px none;
	margin: 0px;
	margin-bottom: 20px;
	padding: 15px;
	padding-bottom: 0px;
	padding-top: 5px;
	font-size: 14px;
	background-color: #e4e8e8;
	}

.testadmin {
	border: 1px solid black;
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px 5px;
	
	font-size: 12px;
	background-color: #ffffff;
	}
	
h4 {
	padding: 5px;
	padding-left: 15px;
	margin: 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0 0; 
    border-radius: 20px 20px 0 0;         
    -webkit-border-top-left-radius: 20px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 20px; /* pour Chrome */ 
	border-bottom: 0px none;
	color: #FFFFFF;
	font-size: 14px;
	background-color: #709af9;
	}
	
.date {
	font-size: 9px;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	 }

a.aadmin:link, a.aadmin:visited {
	font-size: 10px;
	color: #a2a2a2;
	text-decoration: none;
	}
	
a.aadmin:hover {
	font-size: 10px;
	color: #ffffff;
	background-color: #a2a2a2;
	}
	
#facebook {
	float:right;
	}

	
    /*-------------------------------galerie----------------------------------*/
	
	#picsengine2 {
		height: 700px;
		margin-left: 200px;
		}
	
	/*------------------------------bas de page--------------------------------*/
	
	
#footage {
	clear: both;
	position:absolute;
	}
	
address {
	font-size: 9px;
	font-style: normal;
	text-align: center;
	padding-left: 200px;
	}
	
	 /*-------------------------------pop up----------------------------------*/
	 
.popupcomment {
	border: 1px solid black;
	margin: 0px;
	margin-bottom: 15px;
	padding: 5px;
	background-color: #ffffff;
	}