@charset "utf-8";

/* Import de la CSS d'initialisation

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

@import url(structure.css);



/* Construction (Montage)

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

* { font-family:"Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

body { color:#fff; font-size:80%; }

h1 { color:#fff; font:700 12px; Georgia, "Times New Roman", Times, serif; text-align:center; font-weight:bold; padding-bottom:15px; }

h2 { color:#fffe02; font:700 1.17em Georgia, "Times New Roman", Times, serif; }

h3 { color:#fffe02; font:700 1.1em Georgia, "Times New Roman", Times, serif; }

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

h5 { color:#fff; font-size:.83em; }

h6 { color:#fff; font-size:.67em; }

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

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

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



/* lments 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; }

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



/* Des classes flotante */

.floatleft { float:left; }

.floatright { float:right; }



/* Les "nettoyeurs" */

.clearb, .clearer { clear:both; }/*width: 0; height: 0; line-height: 0;*/ 

.plan {

	width: 635px;

	height: 475px;
border:2px solid #0753b1;
}

#map .infosbulle {

	width: 210px;

	border: none;

	margin: 0;

	padding: 0;

	text-align:center;

	padding-bottom:15px;

	height:80px;

}

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

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

}

.contentleft1

{

width:300px;

float:left;

}

.contentright1

{

width:220px;

float:right;

}

.imageleft1

{

width:305px;

height:202px;

float:left;

margin-left:80px;

}

.imageright1

{

width:305px;

height:202px;

float:right;

margin-right:80px;

}

.gallery{}

.table1

{

width:500px;

float:left;

}

table#color-1

{

padding:5px;

vertical-align:middle;

}

table#color-1 th

{padding:5px;

vertical-align:middle;

text-align:center;

font-weight:bold;

}

table#calor-1 td

{

padding:5px;

vertical-align:middle;

}



table#color-2

{

padding:5px;

vertical-align:middle;

}

table#color-2 th

{padding:5px;

vertical-align:middle;

text-align:center;

font-weight:bold;

}

table#calor-2 td

{

padding:5px;

vertical-align:middle;

}

.lineheight1

{

line-height:20px;

font-size:12px;

}

.imageleft2

{

width:280px;

height:179px;

float:left;

padding-right:25px;

}

.imageright2

{

width:280px;

height:178px;

float:right;

}

.contentleft2

{

width:420px;

float:left;

}

.contentright2

{

width:420px;

float:right;

}

.titile1

{

font-size:14px;

font-weight:bold;

color:#FFFF33;

}

.titile2

{

font-size:18px;

font-weight:bold;

color:#FFFF33;

}

.imageleft3

{

width:207px;

height:120px;

float:left;

}

.imageright3

{

width:207px;

height:120px;

float:right;

}

.imagelarge

{

width:434px;

float:right;

padding-left:10px;

}

sup{

vertical-align:super;

font-size:10px;

}


/*======================================================================================> Mentions lgales*/
#infoclient {  margin-bottom:1.7em; }
#hebergeur { margin-bottom:1.5em; float:right;}


.img-1{
margin-left:21px;
}


.glossymenu{
margin: 0px 0;
padding: 0;
width: 800; /*width of menu*/
border: 1px solid #FFFFFF;
border-bottom-width: 1;
}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
text-align:center;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px; _right: 25px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:#0f2882;
padding:20px 20px 10px 20px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{

colorz: white;
}
.mail{
margin-bottom:-3px;
}
.sun-1{
margin-top:10px;
}