/* sty_canopee_glb.css  - Version  GRAPHIQUE avec images  */
html, body{
	margin:0;
	padding:0;
}
/*
td,th, h1, h2, h3, h4, img {
	margin:0;
	padding:0;
}
*/
/* hack virer les pointillés */
a{outline: none;}
:focus{-moz-outline-style: none;}
/*body,td,th {*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 13px;
	color: #333333;
	text-align:left;
	background-color:#FFFFFF;
	line-height:18px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 11px;
	color:#990000;
	text-decoration:underline;

}
a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 11px;
	color:#cc3333;
	text-decoration:underline;
}
.lg_anglais{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	width:50px;
	text-align:right;
	color:#FFFFFF;
}
.col_bleu{
	color:#535B82;
}
.col_vert{
	color:#74B74E;
}
.col_orange{
	color:#F25822;
}
.col_violet{
	color:#8B0051;
}
.col_rouge{
	color:#D12229;
}
.col_gris{
	color:#59575A;
}

/* tous les containers  */
#container_site{
	width:900px;
	height:1000px;
	margin-right:auto;
	margin-left:auto;
}	
#cntr_site{
	width:900px;
	margin-right:auto;
	margin-left:auto;
}	
#container_bhautgite{
	width:900px;
	height:282px;
	background-image:url('../design/bandeau-hautgite.jpg');
	background-repeat:no-repeat;
}
#container_bhaut{
	width:900px;
	height:282px;
}
#container_inte{
	clear:both;
	background-image:url('../design/bandeau-int.jpg');
	background-repeat:no-repeat;
	width:900px;
	height:400px;
	padding:0;
	margin:0;
}
#container_intw{
	clear:both;
	background-image:url('../design/bandeau-intw.jpg');
	background-repeat:no-repeat;
	width:900px;
	height:600px;
	padding:0;
	margin:0;
}
#container_intws{
	clear:both;
	background-image:url('../design/bandeau-intws.jpg');
	background-repeat:no-repeat;
	width:900px;
	height:340px;
	padding:0;
	margin:0;
}

/*************************/
/* Intérieur   intws     */
/*************************/
#cntr_intws{
	clear:both;
	background-image:url('../design/bandeau-intws.jpg');
	background-repeat:no-repeat;
	background-position:top;
	width:900px;
	height:340px;
	padding:0;
	margin:0;
}
#cntr_intws .COL1{	
	float:left;
	background-color: #FFFFFF;
	width:50px;
	height:100%;
	margin:0;
	padding:0;
}
#cntr_intws .COL2{	
	float:left;
	width:280px;
	height:100%;
	margin:0;
	padding:0;
}
#cntr_intws .COL3{	
	float:left;
	width:514px;
	height:100%;
	padding:0;
	margin:0;
}
#cntr_intws .COL4{	
	float:left;
	width:156px;
	/*background-color: #CCFFFF;*/
	height:100%;
	padding:0;
	margin:0;
}
#cntr_intws .COL1 .zone1{	
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#cntr_intws .COL2 .zone2{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222222;
	line-height:1.4em;
	margin:0;
	padding:0;
	padding-left:30px;
	padding-top:20px;
}
#cntr_intws .COL3 .zone3{	
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
}
/*************************/
/* la page de suite      */
/*************************/
#cntr_suite{
	clear:both;
	width:900px;
	padding:0;
	margin:0;
}
#cntr_suite .COL1{	
	float:left;
	background-color: #FFFFFF;
	margin:0;
	padding:0;
	width:50px;
	height:100%;
}
#cntr_suite .COL2{	
	float:left;
	background-color:#DCD8B5;
	margin:0;
	padding:0;
	width:280px;
	height:100%;
}
#cntr_suite .COL3{	
	float:left;
	background-color:#DCD8B5;
	width:514px;
	height:100%;
	padding:0;
	margin:0;
}
#cntr_suite .COL4{	
	float:left;
	width:50px;
	height:100%;
	padding:0;
	margin:0;
}
#cntr_suite .COL1 .zone1{	
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#cntr_suite .COL2 .zone2{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222222;
	line-height:1.4em;
	margin:0;
	padding:0;
	padding-left:30px;
	padding-top:20px;
}
#cntr_suite .COL3 .zone3{	
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
}

/*************************/
/* Diaporama Photos      */
/*************************/
#cntr_photo{
	clear:both;
	background-image:url('../design/bandeau-photo.jpg');
	background-repeat:no-repeat;
	width:900px;
	height:600px;
	padding:0;
	margin:0;
}
#cntr_photo .COL1{	
	float:left;
	background-color: #FFFFFF;
	margin:0;
	padding:0;
	width:50px;
	height:100%;
}
#cntr_photo .COL2{	
	float:left;
	background-color:#DCD8B5;
	margin:0;
	padding:0;
	width:794px;
	height:100%;
}
#cntr_photo .COL2 .zone2{	
	padding-left:10px;
	padding-top:15px;
}
#container_photo{
	clear:both;
	background-image:url('../design/bandeau-photo.jpg');
	background-repeat:no-repeat;
	width:900px;
	height:600px;
	padding:0;
	margin:0;
}

#container_suite_accueil{
	clear:both;
	width:900px;
	height:180px;
	padding:0;
	margin:0;
}

#cntr_suite #periode{
	font-family:Arial, Helvetica, sans-serif;
	color:#696549;
	font-size:12px;
}


#container_coord{
	clear:both;
	background-image:url('../design/bandeau-coord.jpg');
	background-repeat:no-repeat;
	width:900px;
	height:145px;
}
#container_coordw{
	clear:both;
	background-image:url('../design/bandeau-coordw.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
	width:900px;
	height:145px;
}
#container_bhaut{
	width:900px;
	height:282px;
	background-image:url('../design/bandeau-whaut.jpg');
	background-repeat:no-repeat;
}
#container_pied{
	clear:both;
	background-image:url('../design/bandeau-pied.jpg');
	background-repeat:no-repeat;
	width:900px;
	height:26px;
}
#container_piedw{
	clear:both;
	background-image:url('../design/bandeau-piedw.jpg');
	background-repeat:no-repeat;
	width:900px;
	height:26px;
}

/* fin des containers **/

/* OBJET bhaut */
#bhaut_image{
	padding-left:320px;
	padding-top:90px;
}

#bhaut_titre{
	float:left; /* en test*/
	padding-left:342px;
	padding-top:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#000000;
}
#bhaut_anglais{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	width:150px;
	padding-right:200px;
	text-align:right;
	color:#FFFFFF;
}
#bhaut_drapeau{
	float:right;
	width:50px;
	padding-right:80px;
	text-align:right;
}

/*  */
/* -- Classes communes  -- */
.btn{
	width:275px;
	height:40px;
	display:block;
}
.lien{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.plan{
	float:right;
	height:120px;
	width:190px;
	text-align:center;
	margin:0;
	padding:0;
}
.txt1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	line-height:1.4em;
	font-weight:normal;
	text-align:justify;
	text-indent:0px;
}
.strong {
	font-weight:bold;
	color:#636363;
}	

.pleft {
	text-align:left;
}
.pleft5 {
	text-align:left;
	padding-top:5px;
}
.pleft10 {
	text-align:left;
	padding-top:10px;
}

.pjustify {
	text-align:justify;
}
.pjustify10 {
	text-align:justify;
	padding-top:10px;
}
.tiret {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:0px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	line-height:1.4em;
	font-weight:normal;
	text-align:justify;
	text-indent:0px;
}
.tiret1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-bottom:0px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	line-height:1.4em;
	font-weight:normal;
	text-align:justify;
	text-indent:0px;
}
.txt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:0px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	line-height:1.4em;
	font-weight:normal;
	text-align:justify;
	text-indent:0px;
}
.titre{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	margin:0;
	/*padding-left:12px;*/
	padding-top:0px;
	padding-bottom:8px;
	padding-right:0;
	color:#333333;
	vertical-align:top;
}
.ptitre{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	margin:0;
	/*padding-left:12px;*/
	padding-top:10px;
	padding-bottom:5px;
	padding-right:0;
	color:#444444;
	vertical-align:top;
	letter-spacing:0.08em;
}
.pstitre{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding-top:10px;
	padding-bottom:5px;
	padding-right:0;
	color:#333333;
	letter-spacing:normal;
}
.stitre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:20px;
	padding-bottom:0px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
	text-indent:0px;
	font-style:italic;
}
.stitre1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:20px;
	padding-bottom:0px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
	text-indent:0px;
	font-style:italic;
}
.stitre2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:0px;
	padding-bottom:5px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
	text-indent:0px;
	font-style:italic;
}
/* -- fin des classes communes */


/* -- ménage -- */
#suite_zone1{
	float:left;
	background-color:#FFFFFF;
	width:50px;
	/*height:445px;*/
	height:100%;
	padding:0;
	margin:0;
	display:block;
}
#suite_zone2{
	float:left;
	background-color:#DCD8B5;
	width:280px;
	/*height:445px;*/
	height:100%;
	padding:0;
	margin:0;
	display:block;
}
#suite_zone3{
	float:left;
	background-color:#DCD8B5;
	width:514px;
	/*height:445px;*/
	height:100%;
	padding:0;
	margin:0;
	display:block;
}
#suite_zone2_img{
	text-align:center;
	border:0;
	padding:0;
	margin:0;
	padding-top:10px;
}
#suite_zone2_periode{
	padding-left:30px;
	padding-top:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#696549;
}
/* -- fin ménage -- */
/* -- /objet SUITE -- */
/* -- OBJET  suite pour la page d'accueil -- */
#container_suite_accueil .colonne1
{	
	float:left;
	background-color:#DCD8B5;
	margin:0;
	padding:0;
	margin-left:50px;
	width:280px;
	height:180px;
	display:block;
}
#container_suite_accueil .colonne2
{	
	float:left;
	background-color:#DCD8B5;
	width:514px;
	height:180px;
	padding:0;
	margin:0;
	display:block;
}

/* -- OBJET intws -- */
#container_intws .colonne1
{	
	float:left;
	margin-left:50px;
	width:280px;
	height:340px;

}
#container_intws .colonne2{
	float:left;
	width:514px;
	height:340px;
}


/* -- ménage  -- */
#intws_all{
	background-color:#A5CC2F;
	height:340px;
}
#intws_zone1{
	float:left;
	height:340px;
	width:50px;
}
#intws_zone2{
	float:left;
	height:340px;
	width:280px;
}
#intws_zone2_periode{
	padding-left:30px;
	padding-top:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#85805C;
}
#intws_zone3{
	float:left;
	height:340px;
	width:514px;
}
.intws_plan{
	float:right;
	height:120px;
	width:190px;
	text-align:center;
}
/* -- fin ménage -- */
/* -- /OBJET intws -- */

/* -- OBJET inte pour la page d'accueil  -- */
#inte_zone{
	height:340px;
}
#inte_zone1{
	float:left;
	height:340px;
	width:50px;
}
#inte_zone2{
	float:left;
	height:340px;
	width:280px;
}
#inte_zone3{
	float:left;
	height:340px;
	width:500px;
}
/* -- /OBJET inte -- */


/* -- OBJET photos : diaporama photo -- */
#photo_zone{
	padding-left:70px;
	padding-top:15px;
}
/* -- /diapo --*/


.separe5{
	height:5px;
	line-height:5px;
	display:block;
	background-color:#DCD8B5;
}
.separe7{
	height:7px;
	line-height:7px;
	display:block;
	background-color:#DCD8B5;
}
.separe15{
	height:15px;
	line-height:15px;
	display:block;
	background-color:#DCD8B5;
}
.separe20{
	height:20px;
	line-height:20px;
	display:block;
	background-color:#DCD8B5;
}
.sep_date{
	height:8px;
	background-color:#DCD8B5;
	padding:0;
	margin:0;
}

.clear {
	clear:both;
}


/* classes de la zone 3 */
.zone3_txt1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	line-height:1.4em;
	font-weight:normal;
	text-align:justify;
	text-indent:0px;
}
.zone3_tiret {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:0px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	line-height:1.4em;
	font-weight:normal;
	text-align:justify;
	text-indent:0px;
}
.zone3_txt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:0px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	line-height:1.4em;
	font-weight:normal;
	text-align:justify;
	text-indent:0px;
}
.zone3_titre{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding-left:12px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:0;
	color:#333333;
	vertical-align:top;
}
.zone3_stitre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:20px;
	padding-bottom:0px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
	text-indent:0px;
	font-style:italic;
}
.zone3_stitre1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:20px;
	padding-bottom:0px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
	text-indent:0px;
	font-style:italic;
}
.zone3_stitre2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:12px;
	padding-right:18px;
	padding-top:0px;
	padding-bottom:5px;
	font-size:12px;
	color:#222222;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
	text-indent:0px;
	font-style:italic;
}
.zone3_plan1{
	float:left;
	width:200px;
	height:150px;
	text-align:center;
	padding-top:20px;
}
.zone3_plansep{
	float:left;
	width:50px;
	height:150px;
}
.zone3_plan2{
	float:left;
	width:200px;
	height:150px;
	text-align:center;
	padding-top:20px;
}


/* -- /CLASSE zone3 -- */

.text_inte {
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	vertical-align:top;
}
#zone_coord{
	padding-left:15px;
	font-size:12px;
}
#zone_pied{
	padding-left:15px;
	font-size:12px;
}



#p_pied {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:17px;
	width:832px;
	height:120px;
	padding-top:15px;
}
#p_pied a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
#p_pied a:hover {
	text-decoration:underline;
}
/* entête principal remplace header*/
#p_menu {
	background-color:#ffffff;
	margin-top:0px;
	margin-bottom:20px;
	height:20px;
	width:auto;
	font-size:10px;
}
/* nouveau */
.p_lien {
	background-color:#ffffff;
	padding-top:20px;
	height:50px;
	font-size:11px;
}


.ligne {
	border-bottom:#aaaaaa solid 1px;
	height:10px;
}
.separe {
	height:10px;
}
.xlienMail {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #d45500;
}
.xlienMail a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color: #d45500;
	letter-spacing:0.1em;
}
.xlienMail a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #d45500;
	text-decoration:underline; 
	letter-spacing:0.1em;
}	
.creditPhoto {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	line-height:15px;
	height:30px;
	padding-top:10px;
	padding-bottom:10px;
}
.motcles {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	line-height:15px;
	height:60px;
	padding-top:10px;
	padding-bottom:10px;
}
.txtPhoto {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#666666;
}