/* CSS Document */

/*
bleu ultra flash - color : 2abff5
bleu flash - color : 27b5e8
bleu moyen - color: 2094BD
bleu clair - color : 77D5EF
*/

*{
outline:none;margin:0;padding:0;text-decoration:none;
list-style-type:none;
border:0px solid red;
} 
 
body{margin:0;padding:0;background-color:#fff;
font-family:Arial,Verdana, "Trebuchet MS",Georgia, "Times New Roman", Times, serif;
text-align:left;color:#777777;font-size:12px;}

div#page{width:873px; margin:0 auto;}

div#bandeau-flash{z-index:1;margin-top:80px;height:175px;width:100%;background:#eee url(./images/chargement.jpg) left bottom no-repeat;}
div#bandeau-flash img{z-index:1;}
 
#menu-top{z-index:5;font-weight:bold;text-transform:uppercase;font-size:10px;margin-top:-93px;display:block;border:0px solid red;z-index:1000;padding-left:761px; width:113px;text-align:right;}
#menu-top li{padding-bottom:5px;}
#menu-top a{color:#fff;padding: 3px 2px;}
#menu-top a:hover{background:#006699;}
#image-menu-top{margin-top:-71px;display:block;border:0px solid red;z-index:1000;margin-left:761px; width:113px;}

div#logo{margin-top:-241px;z-index:9;}

p{margin:0.5em 0em;color:#444;}
strong{font-weight:bold;}

h1{margin-bottom:1em;font-weight:normal;font-size:1.4em;font-style:italic;}
h1 strong{font-weight:bold;}
h2{color:#0092e0;font-size:1.2em;}
h3{font-size:1.1em;color:#e2001a;font-weight:normal;margin-bottom:1em;}
 
a:link, a:hover, a:visited, a:active{color:#0092e0; }

#image-bd{margin-top:10px;float:left;}
#header-content-left p{color:#fff;margin-top:150px;width:150px;float:left;margin-left:10px;font-size:1.2em;}

#center-content{clear:both; margin-top:10px; width:100%;}

#menu{width:173px;float:left;border:0;padding-top: 1em;}
#content{float:left;padding-top:1.6em;border:0; border-left:1px solid #ddd;min-height: 440px;}

#contenu {clear: both;padding:0 20px 20px 20px;width:478px;}
#contenu ul {margin-left: 3em;}

#NewsletterForm {padding:0;}

#fixheight{height: 139px;}

.bloc-img-droite li{list-style-type:square; margin-left: 2em; margin-top:0.5em;}

#zeaccordion {font-size: 0.9em;}
#zeaccordion li {list-style-type:square; margin-top:0.5em;}
.ui-accordion .ui-accordion-content-active{background: #fff url(./images/bg-accordions.jpg) top right repeat-x;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#27b5e8;}

#col-gauche ul{padding:1em; margin-top:0.3em;}
#col-gauche li{list-style-type:square; padding:0; margin-top:0.5em;}

#flash-news{width:110px;border:0px solid green;float:left;}

#footer{clear:both;width:100%;border-top:1px solid #ddd;font-size:0.8em;text-align:center;color:#0033CC;}

#col-gauche, #col-droite{display:block;float:left;width:275px;border:0;padding-left:1em;}
#col-droite{padding-right:1em;}

#liens-menu li{font-family:Verdana,Arial,"Trebuchet MS",Sans-serif;text-transform:uppercase;background:transparent url(./images/bg-li-menu.gif) right bottom no-repeat;border-bottom:1px solid #c8c8c8;}
#liens-menu a{color:#34679A;}

#partenaires{padding-top:0.5em;width:100%;margin-right:1%;margin-left:1%;text-align:center;}
#partenaires img{margin:0 0.5em;margin-right:10px;margin-left:10px;}


.bloc-img-droite img{float:right;margin-top:2em;}
.bloc-img-gauche img{float:left;margin-top:2.5em;}
.bloc-img-droite, .bloc-img-gauche{clear:both;width:100%;border:0px solid violet;}

#menu li{padding:0.6em 0 0.5em 1em;}
#menu h2 {padding-bottom: 0.5em; font-weight:normal;}
#services, #societe{font-size:0.8em;padding:0.5em 0em 0.5em 1em;}

#content h1, #content h2{
background:#f3f3f3 url(./images/puce-h2.gif) left top no-repeat;
padding-left:1.5em;text-transform:uppercase;font-weight:normal; font-size:1.3em;
margin-bottom:10px;
}

.bloc-img-droite h3, .bloc-img-gauche h3{color:#2b9fcb;font-size:1em;}

#col-droite .bloc-img-droite, #col-droite .bloc-img-gauche, #col-gauche .bloc-img-gauche{margin-bottom:2em;}

.clear-both, .clear{clear:both;}

#block-newsletter, #block-sondage{text-align: center; margin:10px 0;}

#widget-sondage{padding-bottom:10px;border-bottom:1px solid #c8c8c8;}

.shop, .accueil, .societe, .services, .contact-menu, .helpdesk{padding-left:2em;border:0px solid red;background:transparent url(./images/shop.gif) left center no-repeat;}

.accueil{
	cursor:pointer;
}

.accueil{background-image:url(./images/home.gif);}
.societe{background-image:url(./images/info.gif);}
.services{background-image:url(./images/mecanisme.gif);}
.contact-menu{background-image:url(./images/contact.gif);}
.helpdesk{background-image:url(./images/helpdesk.gif);}

.sidebarmenu ul{
margin: 0;padding: 0;list-style-type: none;
/* Main Menu Item widths */
width:174px;
}
 
.sidebarmenu ul li{position: relative;}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;text-decoration: none;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
 /*background of tabs (default state)*/
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 190px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
padding:0;margin:0;
border:0px solid red;
background-color:#F2F2F2;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

.sidebarmenu ul li ul *{background-image:none;border:0px solid green;}
.sidebarmenu ul li ul li{padding:0;margin:0;border:0px solid red;}
.sidebarmenu ul li ul li a{padding:0;margin:0;border:0px solid yellow;}
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

#accordion li{background:none;}

#newsletterForm{width:120px;border:0px solid red;}
#newsletterEmail{width:120px;border:1px solid #ddd;}

#EmailForm li{margin-top:0.5em;}
#EmailForm input{border:1px solid #ddd;}
#EmailForm .button{margin-left:290px;margin-top:10px; color:#0092e0;margin-bottom:10px;}
#cfMessage{border:1px solid #ddd;}


#nfEmail{border:1px solid #ddd;width:120px;}


.demi-col{float:left;width:215px;}



#container #center-content #content #col-gauche .bloc-img-gauche .imgServices{
	margin-top:0;
	float:left;
}

#container #center-content #content #col-gauche .bloc-img-gauche .nos_services{
	margin-left:140px;
	margin-top:15px;
}
#container #center-content #content #col-gauche .bloc-img-gauche .nos_services a{
	text-decoration:underline;
	color:#f0373f;
}
#container #center-content #content #col-gauche .bloc-img-gauche .nos_services a:hover{
	text-decoration:none;
}


/* AJOUTS REFERENCEMENT */

.title_ref{
	display:none;
}

/*  NEW MENU HORIZONTAL */

#container #menu-center{
	background:url(./images/back_menu_hor.jpg) repeat-x;
	margin-top:8px;
	margin-bottom:-9px;
	height:29px;
	width:874px;
	display:none;
}
#container #menu-center ul{
	width:100%;
	line-height:29px;
	vertical-align:middle;
}
#container #menu-center ul li{
	display:inline;
	padding-left:30px;
	font-style:italic;
	font-weight:bold;
	font-size:13px;
}
#container #menu-center ul li a{
	
}
#container #menu-center ul li a:hover{
	text-decoration:underline;
}