/* Import de la CSS d'initialisation

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



@import url(structure.css);



/* Construction (Montage)

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





body { color:#565137; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }



h1 { /*color:#565137;*/ font-size: 12px; font-weight:bold; padding-bottom:20px; }



h2 { color:#565137; font-size: 1.3em; }



h3 { color:#565137; font-size: 1.17em; }



h4 { color:#565137; font-size: 1em; }



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



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



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



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



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



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



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



a:visited { } /* si changement de couleur après le clic */



input { }



textarea { }



em { }



strong { }



/* Éléments Particuliers

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



/* Placement d'images */

.imgLeft { float:left; margin-right:1em; }



.imgRight { float:right; margin-left:1em; }



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

.aligntop { vertical-align:top; }



.alignbottom { vertical-align:bottom; }



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



/* Des classes d'alignement du texte */

.left { text-align: left; }



.right { text-align: right; }



.center { text-align: center; }



.justify { text-align: justify; }



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

.bold { font-weight: bold; }



.italic { font-style: italic; }



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



/* Des classes flotante */

.floatleft { float: left; }



.floatright { float: right; }



/* Les "nettoyeurs" */

.clearb { clear: both; }



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



#coordonnees { padding:20px 0 0 0; text-align:center; }



#coordonnees a img { border:none; }



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



	#formulaire { background: transparent; text-align:center; width:400px; padding:0px 0 0 50px; float:left; } /* 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:#565137; background-color:#FCFCFC; border: 1px solid #565137; } /* 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; } /* 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:#565137; } /* couleur du lien dans capchat */



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



#code { /*background-color:transparent;*/ color:#565137; border: 1px solid #565137; }



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



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

.h1-index{padding-top:15px;}

.fix{

width:100%;

margin:0 auto;

}

.fix-1{

width:650px;;

margin:0 auto;

}

/*css : plan du site*/

#page-plan-du-site{

margin:0 auto; width:949px; 

}

#head-plan-du-site{

background:url(../images/plan-du-site/head-plan-du-site.jpg) no-repeat;

height: 338px;

}

#body-plan-du-site{

	background:url(../images/plan-du-site/body-plan-du-site.jpg) no-repeat;

}

#content-plan-du-site{

	padding:20px 50px 20px 50px;

	text-align:justify;

	line-height:30px;

}

#foot-plan-du-site{

background:url(../images/plan-du-site/footer-plan-du-site.jpg) no-repeat;

height: 58px;

}

/*#plan du site*/

.plan {

	width: 700px;

	height: 480px;

	margin-left:50px;

	border:1px solid #006eb6;

}

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

}

.contact{

	text-align:-moz-center;

	!text-align:center;



}

.button-1{

margin-left:40px;

}

.button-2{

margin-left:80px;

}

.div-main{

width:787px;

text-align:center;

}

.div-sub{

width:240px;

height:240px;

border:1px solid #008800;

}

.div-sub-2{

width:240px;

height:240px;

border:1px solid #008800;

}



.div-sub-1{

width:512px;

height:240px;

border:1px solid #008800;



}

.div-sub-3{

width:150px;

height:250px;

}

.div-sub-4{

width:400px;

height:250px;

text-align:justify;

}

.div-sub-5{

width:300px;

height:300px;

text-align:justify;

}

.div-sub-6{

width:460px;

height:300px;

text-align:justify;

}

.div-sub-7{

width:300px;

height:150px;

text-align:justify;

}

.div-sub-8{

width:460px;

height:150px;

text-align:justify;

}

.div-sub-9{

width:512px;

height:230px;

border:1px solid #008800;



}



.align-div{

margin-left:30px;

}

.align-div-1{

margin-left:45px;

}



.margin-img{

margin-left:30px;

}

.margin-img-1{

margin-right:30px;

}

.text-align{

margin-left:20px;

}

.div-plan-du-site{

height:270px;

}

/**************hight light************/

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

	border: 1px solid #008800;

}

.highslide-image-blur {

}

.highslide-caption {

    display: none;

    

    border: 2px solid #008800;

    border-top: none;

    font-family: Verdana, Helvetica;

    font-size: 10pt;

    padding: 5px;

}

.highslide-loading {

    display: block;

	color: black;

	font-size: 8pt;

	font-family: sans-serif;

	font-weight: bold;

    text-decoration: none;

	padding: 2px;

	border: 1px solid #008800;    

    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;

}

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;

}



/******************/

.div-toiture{

width:370px;

height:220px;

text-align:center;

border:1px solid #008800;



}

.div-toiture-1{

width:370px;

height:220px;

text-align:justify;

}

.div-sub-toiture{

width:240px;

height:250px;

border:1px solid #008800;

}

.div-toiture-2{

width:510px;

height:350px;

text-align:center;

border:1px solid #008800;

}

.div-toiture-3{

width:240px;

height:350px;

text-align:center;

border:1px solid #008800;

}

.div-sub-toiture-4{

width:240px;

height:180px;

}



.div-sub-toiture-1{

width:240px;

height:250px;

}

.div-sub-toiture-2{

width:370px;

height:250px;

text-align:center;

border:1px solid #008800;

}

.text-toiture{

margin-left:20px;

margin-right:20px;

}

.text-toiture-1{

margin-left:10px;

margin-right:10px;

}



.volet-roulant{

width:370px;

height:500px;

border:1px solid #008800;

}

.div-volet-roulant{

width:240px;

height:420px;

border:1px solid #008800;

}

.text-portail{

margin-left:20px;

}

.portail{

width:370px;

border:1px solid #008800;



}

.div-portail{

width:370px;

height:280px;

text-align:center;

border:1px solid #008800;

}

.div-portail-1{

width:510px;

height:230px;

text-align:center;

border:1px solid #008800;

}

.div-portail-2{

width:240px;

height:270px;

text-align:center;

border:1px solid #008800;

}

.div-portail-3{

width:510px;

height:200px;

text-align:center;

}

.div-portail-4{

width:240px;

height:200px;

}

.div-portail-5{

width:240px;

height:180px;

}

.div-main-1{

width:787px;

text-align:center;

height:330px;

border:1px solid #008800;

}



.align-div-2{

margin-left:5px;

_margin-left:2px;

}

.align-div-3{

margin-left:23px;

}

.div-portail-6{

width:370px;

height:240px;

text-align:center;

}

.div-portail-7{

width:370px;

height:240px;

}

.align-div-4{

margin-left:5px;

_margin-left:2px;

}

.div-main-2{

width:787px;

text-align:center;

height:380px;

border:1px solid #008800;

}

.div-main-3{

width:787px;

text-align:center;

height:220px;

border:1px solid #008800;

}



.align-div-5{

margin-left:18px;

_margin-left:12px;

}

.align-div-6{

margin-right:18px;

_margin-right:15px;

}

.img-portails{

margin-right:30px;

margin-left:20px;

}

.img-portails-1{

margin-right:13px;
margin-left: 6px;
}

.img-portails-3{

margin-right:15px;

_margin-right:8px;

}



.img-portails-2{

margin-right:10px;

_margin-right:5px;

}

.size-lign{

size:2px;

width:785px;

color : #006fb7;

}

.align-img{

padding-left:100px;

}

.protailImg{

	float:left;

	width:250px;

	text-align:center;

	margin-left:10px;

}

.protailImgLast{

	float:left;

	text-align:center;

	width:250px;

	margin-left:10px;

}

.text-van{

margin-left:4px;

margin-right:4px;

}