/* CSS Document */



* { margin:0; padding:0; outline:none; }



body { background:#0053A1 url('images/fond.jpg') repeat-x; text-align:justify; color:#0053A1; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }



#intro { text-align:center; color:#fff; }



#intro a { color:#fff; }



.titre { color:#0053A1; padding-top:20px; }



h1 { font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif; color:#0053A1; font-weight:bold; }



a { color:#0053A1; text-decoration:underline; }



a:hover { text-decoration:none; }



#page { width:935px; margin:0 auto; background:transparent url('images/bg.jpg') top repeat-y; }

#page-plan { width:935px; margin:0 auto; background:transparent url('images/plan-du-site/bg.jpg') top repeat-y; }



#menu { width:204px; height:455px; float:left; background:transparent url('images/menu.jpg') top no-repeat;  display:block; }



#header { width:731px; height:141px; float:right; background:transparent url('images/head.jpg') no-repeat; display:block; }



#titre { width:731px; height:41px; float:right; background:transparent url('images/titres/titre.jpg') no-repeat;  display:block; }



#contenu { width:631px; min-height:230px; _height:230px; float:right; background:transparent url('images/bg-contenu.jpg') no-repeat top; padding:20px 50px 10px 50px; }



#contenu-plan { width:631px; min-height:230px; _height:230px; float:right; background:transparent url('images/plan-du-site/bg-contenu.jpg') no-repeat top; padding:20px 50px 0 50px; }



#contenu p, h1 { padding:0 0 14px 0; }

#contenu-plan p, h1 { padding:0 0 14px 0; }



#marge { width:200px; height:220px; float:left; }



#contenu ul { padding:0 0 14px 50px; list-style:inside; }
.marha{ margin-left:50px;}
.marha1{ margin-left:70px;}
.marha2{ margin-left:60px;}
.marha3{ margin-left:30px;}
.ha{}
.ha ul { padding:0 0 14px 0px; list-style:inside; }
.ha ul li { margin-left:-40px; }

#adresse { width:935px; height:62px; background:transparent url('images/adresse.jpg') no-repeat; }



#coordonnees {/* width:200px;*/ padding:220px 0 0 0; text-align:center; }



#coordonnees p { padding:0 0 10px 0; color:#0053A1; }



#coordonnees a img { border:none; }



#menubas { padding: 10px 20px 0 0; text-align:center; color:#fff; font: normal 9px Verdana, Arial, Helvetica, sans-serif; }



#menubas a { color:#fff; }

img { border:none;}



#menubas img { border:none; padding-top:5px; }



.floatright { float:right; margin:0px 0 0 10px; }



.encadre { border:  2px solid #222; }



.liste { float:left; width:200px; }



.center { text-align:center;}

.justify { text-align:justify;}

.imgleft { float:left; padding-right:10px; padding-bottom:10px;}

.clear { clear:both;}

.right { text-align:right;}

li { margin-left:-20px;}

/*---------------- logo Yzeo ---------------------*/



#yzeo { text-align:center; color:#fff; font-size:10px; padding: 10px 0; }



#yzeo img { padding: 0 5px 2px 5px; border:none; vertical-align:middle; }



#yzeo a { color:#fff; font-size:10px; }



/*---------------- fin logo Yzeo -----------------*/ 

				

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



	#formulaire { background: transparent; text-align:center; width:400px; padding:0px 0 0 20px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#0053A1; float:left; margin:15px 0; } /* carateristique du formulaire */



#formulaire * { margin:0 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */



.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */



.pform { padding: 3px 0px 10px 0px; text-align:left; clear:both; } /* carateristique des p */



.inputform { width:195px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */



.textareaform { width:398px; height:100px; overflow: auto; background-color:transparent; } /* carateristique du textarea */



.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#0053A1; background-color:#fff; } /* carateristique des select */



.labelmessage { width:95px; } /* carateristique du label contenant "Votre message" */



#labelenvoyer { width:125px; } /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */



.inputenvoyer { width:150px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#4B3426; } /* carateristique de l'input "envoyer mon 			message" */



.divtexte { margin: 5px 0 0 0; text-align:center; clear: both } /* carateristique de la div contenant le texte du captchat*/



#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */



#formulaire div a { color:#0053A1; } /* couleur du lien dans capchat */



.divimagecaptchat { display:none; } /* carateristique de la div entourant l'image captchat */



#code { background-color:transparent; color:#0053A1; }



.transp, .inputtexte { background: transparent; border: 1px solid #0053A1; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#0053A1; } /* pour rendre les input et textarea transparent avec une bordure */



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

.floatleft { float:left;}



.highslide {

	cursor: url(images/graphics/zoomin.cur), pointer;

    outline: none;

}

.highslide-active-anchor img {

	visibility: hidden;

}

.highslide img {

	border: 0px solid gray;

}

.highslide:hover img {

	border: 0px solid white;

}



.highslide-wrapper {

	background: white;

}

.highslide-image {

    border: 0px solid white;

}

.highslide-image-blur {

}

.highslide-caption {

    display: none;

    

    border: 2px solid white;

    border-top: none;

    font-family: Verdana, Helvetica;

    font-size: 10pt;

    padding: 5px;

    background-color: white;

}

.highslide-loading {

    display: block;

	color: black;

	font-size: 8pt;

	font-family: sans-serif;

	font-weight: bold;

    text-decoration: none;

	padding: 2px;

	border: 1px solid black;

    background-color: white;

    

    padding-left: 22px;

    background-image: url(images/graphics/loader.white.gif);

    background-repeat: no-repeat;

    background-position: 3px 1px;

}

a.highslide-credits,

a.highslide-credits i {

    padding: 2px;

    color: silver;

    text-decoration: none;

	font-size: 10px;

}

a.highslide-credits:hover,

a.highslide-credits:hover i {

    color: white;

    background-color: gray;

}



.highslide-move {

    cursor: move;

}

a.highslide-full-expand {

	background: url(images/graphics/fullexpand.gif) no-repeat;

	display: block;

	margin: 0 10px 10px 0;

	width: 34px;

	height: 34px;

}



/* These must always be last */

.highslide-display-block {

    display: block;

}

.highslide-display-none {

    display: none;

}



/* These are not Highslide core CSS rules, but define the styles of the caption. */

.control {

	float: right;

    display: block;

    position: relative;

	margin: 0 5px;

	font-size: 9pt;

    font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

    margin-top: 1px;

    margin-bottom: 1px;

}

.control:hover {

    border-top: 1px solid #333;

    border-bottom: 1px solid #333;

    margin-top: 0;

    margin-bottom: 0;

}

.control, .control * {

	color: #666;

}





.plan {

	width: 800px;

	height: 600px;

}

#map .infosbulle {

	width: 210px;

	border: none;

	margin: 0;

	padding: 0;

}

#map .infosbulle p {

	display: block;

	margin: 0;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

}

.plan-titre {

	font-size: 14px;

	color: #5F0666;

	font-weight: bold;

	margin-bottom: 1em;

}

.plan-adresse {

	font-size: 12px;

	color: #333;

}

.plan-printer {

	display:block;

	text-align: right;

}

.plan-printer img, 

.plan-printer a {

	border: none;

}

.fixcodan { width:800px; margin:0 auto; }

/*============ HIGHLIGHT =============*/

.highslide {
	cursor: url(../images/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: none;
}
.highslide:hover img {
	border: none;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 0px;
    background-image: url(../images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(../images/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}