@charset "utf-8";

/* Import de la CSS d'initialisation

----------------------------------------------------------*/

@import url(structure.css);



/* Construction (Montage)

----------------------------------------------------------*/

#formulaire {

	width:400px;

}



.cadre_connec{

	border:1px solid #11007b;

	background-color:#ef007d;

	margin:0;

	color:#FFFFFF;

}

.cadre_connec a{

	color:#FFFFFF;

}



.cadre_contenu {

	padding:0 0 0 5px;

}



body { color:#150097; font-size:12px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

#body2-photos { background-color:#FFFFFF ;font-size:11px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }



h1 { color:#150097; font-weight:bold; font-size:12px; padding-bottom:18px; }

h2 { color:#150097; font-weight:bold; font-size:1.3em; /*text-transform: uppercase;*/ }

h3 { color:#150097; font-weight:bold; font-size:1.17em; /*text-transform: uppercase;*/ }

h4 { color:#150097; font-weight:700; font-size:1em; /*text-transform: uppercase;*/ }

h5 { color:#150097; font-size:0.83em; }

h6 { color:#150097; font-size:0.67em; }

p { color:#150097; font-size:1em; }

ul, ol{ color:#150097; font-size:1em; }

li { color:#150097; font-size:1em; }

a { color:#150097; text-decoration:underline; }

a:hover { text-decoration:none; } /* si changement de couleur au survol */

textarea { color:#150097; padding:3px; }

input { color:#150097; padding:3px; }



/* Intro */

#intro h1 { color:#150097; } /* couleur du h1 de l'intro */

#intro p, #intro a { color:#150097; } /* couleur du texte de l'intro */

#intro p { font-size:.9em;}



/* Liens de bas de page */

#sitti p, #sitti a {color:#150097; } /* couleur des liens de bas de page */

#sitti p { font-size:.92em; }



/* Image de validation W3C */

#validator a img { background-color:#150097; }/* - Activer le CSS si le fond du site est blanc */



/* Éléments Particuliers

----------------------------------------------------------*/

/* Placement d'images */

.imgLeft { float:left; padding:0 2em 0 0; }

.imgRight { float:right; padding:0 0 0 2em; }



/* Des classes d'alignement d'objets */

.aligntop { vertical-align:top; }

.alignbottom { vertical-align:bottom; }

.alignmiddle { vertical-align:middle;}

.aligncenter { margin-left:auto; margin-right:auto; }

.left { text-align:left; }

.right { text-align:right; }

.center { text-align:center; }

.justify { text-align:justify; }



/* Des classes de formatage du texte en ligne */

em, .italic, .italique { font-style:italic; }

strong, .bold, .gras { font-weight:700; }

.strike, .barre { text-decoration:line-through; }

.souligne { text-decoration:underline; }



/* Des classes flotante */

.floatleft { float:left; }

.floatright { float:right; }



/* Les "nettoyeurs" */

.clearb { clear:both; }

.clearer { clear:both; width:0; height:0; line-height:0; }



/*	Mise en page

----------------------------------------------------------*/



/* Page d'accueil */

.illustration { float:left; padding:0 10px 0 0; }



/*	Site en cours de réalisation */

#site { text-align:center; padding-top:5em; }



/*	Mentions Légales */

#infoclient { float:left; padding:0 0 2em; }

#hebergeur { float:right; padding:0; }

/*----------plan du site---------------*/

#header-plan { background:url(../images/plandusite/bg_head.jpg) no-repeat top; width:940px; height:220px; margin: 0 auto;}

#menu-plan { background:url(../images/plandusite/bg_menu.jpg) no-repeat top; width:240px; height:278px;}



/**

 * jQuery lightBox plugin

 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)

 * and adapted to me for use like a plugin from jQuery.

 * @name jquery-lightbox-0.5.css

 * @author Leandro Vieira Pinho - http://leandrovieira.com

 * @version 0.5

 * @date April 11, 2008

 * @category jQuery plugin

 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)

 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US

 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin

 */

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}



/* jQuery lightBox plugin - Gallery style */

	#gallery {}

/*----------------------------*/

sup { vertical-align:super; font-size:9px;}

.contact-left {
	float:left;
	width:400px;
}

.contact-right {float:right; width:250px;}

.contact-right22 {float:right; width:260px;}

.space-contact { padding-top:65px;}

.space-contact2 {padding-top:68px;}

.border-none { border:none;}

#bg-color-white {background-color:#FFFFFF;}

#photos-left {float:left; width:600px;}

#photos-right { float:left; width:300px; text-align:justify; padding-right:15px;}

#moyesn-img-r {float:right; margin-top:-30px; padding-left:20px;}

.bullet { margin-right:7px;}

.bullet6 { margin-right:7px; margin-bottom:10px; margin-top:3px; vertical-align:middle;}

.moyens-bullet-r {float:right; width:300px;}

sup { vertical-align:super; font-size:9px;}

#border-contact {width:270px; border:1px solid #0000FF; padding:10px 10px 0px 10px; text-align:center; margin-left:160px;}



.pdf-lignes-left {float:left; width:270px;}

.pdf-lignes-right {float:right; width:330px;}



/* ============== Plan Aces ================ */

.plan {

	width: 600px;

	height: 480px;

	border:5px solid;

	border-color:#ef007d;

}

#map .infosbulle {

	width: 210px;

	border: none;

	margin: 0;

	padding: 0;

	text-align:center;

}

#map .infosbulle p {

	display: block;

	margin: 0;

	padding: 0;

	font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", 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;

}



#googlemap a.googlemap-icon { display: block; background:url(../images/googlemap.jpg) no-repeat; width: 80px; height: 68px; margin:0 auto; }

#googlemap a.googlemap-icon:hover { background: url(../images/googlemap-hover.jpg) no-repeat; }

#googlemap a.googlemap-icon:active { background: url(../images/googlemap.jpg) no-repeat; }

#googlemap a.googlemap-icon span { display:none; }

.alignCenter{

	text-align:-moz-center;

	!text-align:center;	

	text-align:center;

}



/*=============================*/

.mar-contact{ margin-right:80px;}

.space-contact22{margin-top:40px;}