@charset "utf-8";

body {
margin : 0;
padding : 0;
text-align : left;
font-family : Myriad Web, Arial, Helvetica, sans-serif;
font-size : 0.9em;
background-color : #fff;

color : #555e63;
}

#conteneur {
position : relative;
text-align : center;
width : 990px;
z-index : 1;
margin : 0 auto;
background-color : #ffffff;
top : 20px;
border : 1px solid #999999;
}

#header2 {
width : 990px;
background-image : url(../img/header4.jpg);
background-repeat : repeat-x;
height : 168px;
background-color : #0e3441;
background-position : center center;
}

/*////////////////MENU GAUCHE ///////////////////////*/
#menu_gauche {
float : left;
width : 200px;
}
#menu_gauche ul {
	padding-top : 15px;
	margin-left : 6px;
	line-height : 28px;
	text-align : left;
	list-style-image : none;
	list-style-position : inside;
	list-style-type: none;
}

#menu_gauche li {
border-bottom : 1px solid #cccccc;
white-space : nowrap;
line-height : 25px;
}
#menu_gauche li a {
	background-image : url(../img/logo_usb.gif);
	padding-left : 30px;
	line-height : 38px;
/*	text-indent : 30px;*/
	background-repeat : no-repeat;
	background-position : 0;
	color : #555e63;
	text-decoration : none;
}
#menu_gauche li a:hover {
	background-image : url(../img/logo_usb_bleu.gif);
	background-repeat : no-repeat;
	background-position : 0;
	color : #37beeb;
}

#menu_gauche p {
padding : 12px;
color : #a1a1a1;
}
#menu_gauche h2 {
padding : 12px;
color : #ed9e00;
font-family : Georgia, "Times New Roman", Times, serif;
}
#menu_gauche a {
color : #37beeb;
text-decoration : none;
}
#menu_gauche a:hover {
color : #555e63;
text-decoration : none;
font-weight : bold;
}



/*////////////////MAIN ///////////////////////*/

#main {
text-align : justify;
margin-left : 210px;
margin-right : 20px;
}
#mainSelection {
text-align : justify;
margin-left : 210px;
margin-right : 20px; height:450px; overflow:auto;
;
}

#main h1 {
font-size : 1.2em;
color : #555e63;
text-align : left;
text-indent : 15px;
padding-bottom : 12px;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #37beeb;
}
#main h2 {
font-size : 1.2em;
text-indent : 15px;
}
#main p {
padding-left : 15px;
font-size : 0.8em;
padding-right : 10px;
}
#main ul {
font-size : 0.8em; 
}
#main li {
list-style-type : square;line-height:1.5em;
}

#main a {
color : #555E63;
text-decoration : underline;
}

/*#main a:hover {
color : #EFEFEF;
background-color : #555E63;
text-decoration : none;
}*/
a #main img {
text-decoration : none;
}
a:hover #main img {padding-top : 3px;}

/*////////////////STYLES ///////////////////////*/

.puceLigne {
display : inline;
}
.puceLigne a {
color : #ff3300;
}
.puceLigne a:hover {
font-weight : bold;
}
#right {
width : 190px;
float : right;
padding-top : 50px;
}
/*#menuProduits {
width : 190px;
float : right;
font-size : 0.8em;
right : 20px;
}
#menuProduits ul {
margin : 0;
line-height : 45px;
text-align : left;
list-style-image : none;
list-style-type : none;
height : 30px;
padding-top : 55px;
padding-right : 0;
padding-bottom : 55px;
padding-left : 0;
}

#menuProduits p {
padding : 12px;
color : #a1a1a1;
}
#sousMenuProduits {
width : 580px;
float : left;
padding : 10px;
}
#gaucheProduits {
width : 513px;
float : left;
padding : 10px;
}
#soustitre {
padding : 10px;
font-size : 1.4em;
color : #666666;
font-weight : bold;
font-family : Georgia, "Times New Roman", Times, serif;
}


#gauche {
width : 580px;
float : left;
padding : 10px;
}


#footer {
clear : both;
width : 990px;
height : 55px;
text-align : center;
padding-bottom : 8px;
padding-top : 5px;
background-color : #fff;
color : #fff;
background-image : url(../img/bg_footer.jpg);
background-repeat : no-repeat;
}
#footer h1 {
text-align : center;
}
#footer p {
font-size : 0.8em;
letter-spacing : 0.15em;
}
#footer img {
vertical-align : middle;
}
#footer a {
color : #efefef;
}
#footer a:hover {
color : #efefef;
background-color : #1e90ff;
text-decoration : none;
}
#menuBas {
clear : both;
width : 990px;
text-align : center;
padding-right : 8px;
height : 25px;
}
#menuBas p {
margin-right : 8px;
margin-top : 2px;
font-size : 0.7em;
}
#menuBas a {
color : #1e90ff;
}
#menuBas a:hover {
color : #efefef;
background-color : #1e90ff;
text-decoration : none;
}
#deco_right {
position : absolute;
background-image : url(img/deco_right.png);
top : 0;
right : 0;
width : 100px;
height : 100px;
float : right;
}

#pageShadow {
width : 990px;
height : 480px;
text-align : left;
top : 25px;
}
#pageShadow h1 {
position : relative;
color : #37beeb;
}
#pageShadow h2 {
position : relative;
color : #37beeb;
}
#pageShadow p {
padding-left : 15px;
font-size : 0.9em;
}
#pageShadow li {
font-size : 0.9em;
list-style-type : square;
}

*/

.produits {
list-style-type : none;
display : inline;
}
.img_gauche {
float : left;
margin : 5px; padding-right:10px;
}

.img_droite {
float : right;
margin : 5px;
}
.menu_haut {
position : relative;
float : right;
width : 200px;
right : 15px;
clear : both;
color : #ff0000;
text-align : right;
}
.txt_main {
position : relative;
float : left;
width : 500px;
padding-left : 15px;
text-align : left;
}

#footerBas {
clear : both;
width : 990px;
text-align : center;
height : 65px;
background-color : #555e63;
background-image : url(../img/bg_footerbas.gif);margin-top : 10px;
}

#footerBas p {
	text-align : left;
	margin-left : 18px;
	padding-top:28px;
	font-size : 0.7em;
	letter-spacing : 0.15em;
	color:#efefef;
	font-weight: bold;
}


#footerBas img {
vertical-align : middle;
}
#footerBas a {
color : #efefef;text-decoration : none;
}
#footerBas a:hover {
color : #efefef;
text-decoration : none;
}

h1 {
font-family : Myriad Web, Arial, Helvetica, sans-serif;
color : #37beeb;
}
a:hover span {
display : inline;
background : none;
position : absolute;
top : 30px;
left : 10px;
height : 100px;
font-size : small;
text-decoration : none;
}
#connect {
position : relative;
background-image : url(../img/connect.png);
background-repeat : no-repeat;
top : 580px;
right : 50px;
width : 200px;
height : 167px;
z-index : 100;
}
#deroulant {
clear : both;
width : 990px;
height : 40px;
text-align : center; vertical-align:middle; padding-top:10px;
background-color : #7e7d82;
/*background-image : url(../img/bg_deroulant.jpg);*/
}
.txtderoulant {
font-size : 1.4em;
font-weight : bolder;
/*word-spacing : 1.2em;*/
letter-spacing : 0.4em;
}
.color1deroulant {
color : #EFEFEF;
}
.color2deroulant {
color : #37beeb;
}
.mentions {
position : relative;
float : right;
right : 5px;
bottom : 5px;
font-size : 0.7em;
color : #7ca3bd;
font-weight : lighter;
width : 640px;
text-align : right;
}
.mentions a {
color : #7ca3bd;
}
#demandeDevis {
position : absolute;
left : 87px;
top : 539px;
width : 171px;
height : 124px;
z-index : 2;
}
.bleuGras {
font-weight : bold;
color : #37beeb;
}
.blancGras {
font-weight : bold;
color : #fff;
}

.gras {
font-weight : bold;
}

.bio {
	color:#6aab43;
}

.imgPoster {
border : 1px solid #666666;
margin-left : 15px;
}
.separation {
clear : both;
visibility : hidden;
}

.separation2 {

visibility : hidden;
}
.h1Gris {
color : #555e63;
}
a .h1Gris {
color : #555e63;
}

.separationCell{ height:30px;
}


.bouton {
border : 0;
margin-left : 18px; width:120px; height:54px; align:center;
}

a bouton {
	text-decoration: none; background-color:#FFFFFF;border : 0;
}
a:hover #conteneur #main .bouton     {
	text-decoration: none;background-color:#FFFFFF;
}
a #conteneur #main .bouton {
	text-decoration: none;background-color:#FFFFFF;
}
.legende{font-size : 0.8em;}

.legendeDroite{font-size : 0.8em; text-align:right; margin-right:10px;}