@charset "utf-8";

/* Import de la CSS d'initialisation

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

@import url(structure.css);

.div_place { 

float:left;

width:600px;

}

.divformulaire{

	width:400px;

	margin:auto;

	padding:10px;

	border:1px solid #685133;

}



.divformulaire label {

	width:180px;

}



/* Construction (Montage)

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

body { color:#000; font-size:80%; font-family:"Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }



h1, h2, h3, h4, h5, h6 { color:#702284; } 

h1 { font-weight: bold; font-size:12px; font-family: Georgia, "Times New Roman", Times, serif; text-align:center; padding-bottom:20px; line-height:20px; }

h2 { font-weight: bold; font-size:1.17em; font-family: Georgia, "Times New Roman", Times, serif; text-align:center; }

h3 { font-weight: bold; font-size:1em; font-family: Georgia, "Times New Roman", Times, serif; text-align:left; }

h4 { font-size:.9em; }

h5 { font-size:.83em; }

h6 { font-size:.67em; }

p, ul, ol, li { font-size:1em; }

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

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

textarea { color:#000; border-width:thin; padding:3px; }



/* Elements Particuliers

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

/* Placement d'images */

.imgLeft { float:left; padding-bottom:0; margin:0 2em 0 0; /*border:1px solid #000;*/ }

.imgRight { float:right; padding-bottom:0; margin:0 0 0 2em; /*border:1px solid #000;*/ }



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

.aligntop { vertical-align:top; }

.alignbottom { vertical-align:bottom; }

.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; }

.br { display:block; }

.nowrap { white-space:nowrap; }



/* Des classes flotante */

.floatleft { float:left; }

.floatright { float:right; }



/* Les "nettoyeurs" */

.clearb { clear:both; }

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



/*	Liens de bas de page

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

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

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



/* Image de validation W3C

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

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



/*	Page d'accueil

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

/*#chapeau { padding:1em 0 2em; }*/ 

.illustration { float:right; padding:0 0 1em 2em; }

#p_accueil { margin-top:1em; } /*- Activer pour descendre le 1er paragraphe */



#newsletter{width:240px; float:right; background-image:url(../images/newsletter.jpg); padding-top:60px; margin-left:20px;}

#newsletterRub{width:240px; background-image:url(../images/newsletter2.png); padding-top:60px; margin-left:20px; margin-left:auto; margin-right:auto;}

input.news{color:#000; border:1px solid #702284; width:150px;}

input.newsConfirm{color:#000; border:1px solid #702284; width:30px;}



/*	Site en cours de réalisation

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

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

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

.plan {

	width: 600px;

	height: 480px;

	border:5px solid;

	border-color:#702284;

}

#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, 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;

}

#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;

}



/**

 * 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 {

		

	}

.bullet{ margin-right: 10px; margin-top:2px;}

.bullet2{ margin-right: 10px; margin-left: 20px; margin-top:2px;}

.list{margin-bottom:20px; margin-top:3px; float:left;}

.list2{margin-bottom:40px; margin-top:3px; float:left;}



legend { font: 700 15px Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; border-left:3px solid #702284; padding:2px 10px 2px 10px; color:#702284; }

fieldset { 

	border:1px solid #702284; 

	padding:0 10px 0 10px;

	margin:0 auto;

}



.tb1-nhung{width:380px; margin-bottom:20px;}



.tb1-nhung td{padding:8px 0px 1px 0px; border-bottom:#702284 dotted 1px;}



.tb2-nhung{width:360px; margin-bottom:20px; margin-left:10px;}



.tb2-nhung td{padding:0px 0px 1px 0px; border-bottom:#702284 dotted 1px;}



.tb3-nhung{width:380px; margin-bottom:20px;}



.tb3-nhung td{padding:8px 0px 1px 0px; border-bottom:#702284 dotted 1px;}



.tb4-nhung{width:380px; margin-bottom:20px;  line-height:22px;}



.tb4-nhung td{padding:8px 0px 1px 0px; border-bottom:#702284 dotted 1px; line-height:22px;}



.wid{width:400px;}



.wid-td{width:50px;}

.wid-td2{width:90px;}

.wid-td3{width:120px;}





.text{color:#FFFFFF; font-size:13px; text-align:center; font-weight:bold; background-color:#fbb8f7; padding-top:10px;}



.text4{color:#702284; font-size:15px; text-align:center; font-weight:bold;}



.text2{font-size:15px;}



.text6{font-size:11px;}

.text3{color:#702284;}

.text5{margin:0 10px 0 10px;}

.text7{padding:0 10px 0 25px;}



.height1{height:200px;}

.height2{height:230px;}

.height3{height:1405px; #height:1407px;}

.height4{height:650px;}

.height5{height:730px;}



.boder-n{border:1px solid #702284;}



.boder-n2{border:1px solid #702284; padding:10px; }



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

}





/*LINH*/



.f1{width:600px; background:url(../images/flyers-modele-bon-cadeau.jpg) no-repeat; height:170px; padding:130px 10px 10px 10px;}



.pad1{padding-left:80px;}



.txt1{width:200px;}



#formulaire1 { width:550px; text-align:center; padding:5px 0 15px; margin:0 auto; clear:both; margin:0 auto;}



.f2-n{margin-left:130px; margin-bottom:20px;}

.marge{
	margin-left:95px;}