/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ol, ul {list-style: none;}
	table {
		border-collapse: separate; 
		border-spacing: 2px;
		
	}
	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}
/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
div {font-size: 1em;}
/*
if img is inside "a" it would have
borders, we don't want that
*/
img {border: 0;}
/*
default link styles
*/
a,
a:link 
a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C; 
}

a:hover {
   text-decoration: none;

   color: #385C72;
}

/* start here */


body {
	line-height: 1.5em;
	text-align: center;
	padding:0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
      background-color: #FFF;
   color: #111;
   margin:1em;
}
body.gtr{background:white url(../images/bkg-gtr.jpg) top repeat-x;margin:0;}
div {
   font-size: 1em;
}

img {
   border: 0;
}

/*****************
mise en page
*****************/

/*#retour_groupe {
   width:700px;
   height:50px;
   margin: 0 auto;
   position:absolute;
   top: 0; 
}*/

div#page {
   border:1px #FF0000;
   margin: 0 auto;
   width:700px;
   background-color:#FEFEFE;
   color: black;
   text-align:left;
}
div#pagewrapper{
   margin: 0 auto;
   width:960px;
   color: black;
   text-align:left;
}
div#header {
   height: 214px;
   clear:both;
   background:transparent url(../images/bkg-header.jpg) left top no-repeat;
}
div#header h1{float:right;display:inline;margin:19px 10px 0 0;}
div#header h1 a{text-indent: -999em;text-decoration:none;height:47px;height:94px;width:361px;display:block;background:transparent url(../images/logogtr.png) left top no-repeat;}
   

/*** entetes ***/

#sidebar{float:left;display:inline;width:278px;margin:0 10px;}
#main{float:left;display:inline;width:640px;margin:0 10px;}
div#entete {
   height: 228px;
   margin-bottom:16px;
   clear:both;
}

div #entete.centre-63{height:228px;background:#fff url(../uploads/images/bandeau_esbly.jpg) no-repeat 0 0 ;} 
div #entete.centre-66{height:193px;background:#fff url(../uploads/images/bandeau_dekra_coul.jpg) no-repeat 0 0 ;}
div #entete.centre-67{height:190px;background:#fff url(../uploads/images/bandeau_norisko_coul.jpg) no-repeat 0 0 ;}
div #entete.centre-68{height:228px;background:#fff url(../uploads/images/bandeau_soissons.jpg) no-repeat 0 0 ;}
div #entete.centre-69{height:228px;background:#fff url(../uploads/images/bandeau_mouroux.jpg) no-repeat 0 0 ;}
div #entete.centre-70{height:228px;background:#fff url(../uploads/images/bandeau_montpellier.jpg) no-repeat 0 0 ;}
div #entete.centre-71{height:228px;background:#fff url(../uploads/images/bandeau_lagny.jpg) no-repeat 0 0 ;}
div #entete.centre-92{height:190px;background:#fff url(../uploads/images/bandeau_provins.jpg) no-repeat 0 0 ;}
div #entete.centre-156{height:190px;background:#fff url(../uploads/images/GTR_bandeau_groupe.jpg) no-repeat  0 30px;}
div #entete.centre-171{height:190px;background:#fff url(../uploads/images/bandeau_valdeurope.jpg) no-repeat  0 0;}
div #entete.centre-187{height:228px;background:#fff url(../uploads/images/bandeau_montpellier.jpg) no-repeat 0 0 ;}
div #entete.centre-208{height:190px;background:#fff url(../uploads/images/bandeau_ferrieres.jpg) no-repeat 0 0 ;}
div #entete.centre-226{height:190px;background:#fff url(../uploads/images/bandeau_cplusmouroux.jpg) no-repeat 0 0 ;}
div #entete.centre-237{height:190px;background:#fff url(../uploads/images/bandeau_controle_brie_coul.jpg) no-repeat 0 0 ;}


div#entete_groupe {
   height: 153px;
   padding:18px 0 20px 0;
   clear:both;
}

.formbuilderform div label{font-weight:bold;color:#333;}
.formbuilderform div {margin:20px 0 0;}
.formbuilderform div div{margin:5px 0 0;}
.formbuilderform div div label{font-weight:normal;}
div#entete h1{
}
div#entete h1 a{text-indent: -999em;text-decoration:none;height:190px;display:block;}
   
div#contenu {
   width: 700px;
   margin:0;
   background: #FFF url('../uploads/images/ombre.jpg') no-repeat 0 0;   
}

div#contenu_groupe {
   width: 700px;
   margin:0;
   background: #FFF url('../uploads/images/ombre3.jpg') no-repeat left 0;   
}
div#droit{
   width: 200px;
   float:right;
   background-color:transparent;   
   margin:0;
}

div#bloc_droit {
   width:484px;
   float:right;
   background-color: #FFF;
}
div#menu{
   width: 200px;
   float:left;
   background-color:transparent;   
   margin:0;
}

div#gauche {
   width:484px;
   float:left;
   background-color: #FFF;
}
div#pied {
   clear:both;
   font-size:0.9em;
   text-align:center;
   padding-top:20px;
   color: #555;
   background-color: #FFF;
}

div#pied p {
   font-size: 0.9em;
   padding: .5em; 
   text-align: center;
   margin:0;
}

div#pied p a {
   color: #333;
}

div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}


/********************
mise en forme du contenu
*********************/

div#contenu h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}

div#contenu h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
   text-align:center;
}
div#contenu h4 {
   color: #000; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#contenu h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

/* texte */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
   font-weight: bold;
}
em, i {
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* Listes */
/*
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}*/



#main li,#main ul{margin:0;padding:0;}   

#main li h2.Dekra{background:transparent url(../images/block.png) left top no-repeat;height:45px;margin:0;padding:0;}
#main li h2.Autosur{background:transparent url(../images/block.png) left -150px no-repeat;height:45px;margin:0;padding:0;}
#main li h2.Autosecu{background:transparent url(../images/block.png) left -250px no-repeat;height:45px;margin:0;padding:0;}
#main li h2.Autovision{background:transparent url(../images/block.png) left -100px no-repeat;height:45px;margin:0;padding:0;}
#main li h2.Securitest{background:transparent url(../images/block.png) left -50px no-repeat;height:45px;margin:0;padding:0;}
#main li h2.controleplus{background:transparent url(../images/block.png) left -50px no-repeat;height:45px;margin:0;padding:0;}
#main li h2.Norisko{background:transparent url(../images/block.png) left -200px no-repeat;height:45px;margin:0;padding:0;}
#main li h2.ControleBrie{background:transparent url(../images/block.png) left -200px no-repeat;height:45px;margin:0;padding:0;}
#main li h2.bloc{background:transparent url(../images/block.png) left -300px no-repeat;height:45px;margin:0;padding:0;}
#main li h2 a{padding:0 0 0 106px;color:white;line-height:45px;font-size:1em;font-weight:bold;text-decoration:none;text-transform:uppercase;}

#main li.box{background:transparent url(../images/block.png) left bottom no-repeat;}
#main li.box ul{padding:1em 0;}

#main li.box ul li{margin: .5em 40px .5em 296px;text-align:justify;}
#main li.box ul li.image{float:left;margin:0;position:relative;left:30px;top:50px;}


#main li.box ul li.adresse{margin: .5em 40px .5em 325px;padding:.5em 0 .2em 50px;background:transparent url(../images/icones.png) left 10px no-repeat;border-bottom:1px dashed #666;}
#main li.box ul li.tel{margin: .5em 40px .5em 325px;padding:.5em 0 .2em 50px;background:transparent url(../images/icones.png) left -70px no-repeat;border-bottom:1px dashed #666;}
#main li.box ul li.site{margin: .5em 40px .5em 325px;padding:.5em 0 .2em 50px;background:transparent url(../images/icones.png) left -215px no-repeat;border-bottom:1px dashed #666;}
#main li.box ul li.rdv{margin: .5em 40px .5em 325px;padding:.5em 0 .2em 50px;background:transparent url(../images/icones.png) left -268px no-repeat;}
#main li.box ul li.rdv a{color:red;font-weight:bold;}
#main li.box ul li.site, #main li.box ul li.adresse, #main li.box ul li.site, #main li.box ul li.txt{/*float:right;*/}

/* BOITE EXTENSIBLE */


#cadre_bleu{
   background: #FFF url('../uploads/images/cadre_bleu_haut.gif') no-repeat center top;   
   width:484px;
   margin:0;
   padding:0;
   font-size:0.95em;
   list-style-position: outside;
   display:block;
}
div#cadre{
   background-color: #FFF;   
   width:482px;
   margin:0;
   padding:0 0 30px 0;
   list-style-position: outside;
   border:2px solid #003399;
}
div#cadre h2{
   font-size:1.3em;
   color:#003399;
   margin:20px 80px;
   font-weight:bold;
   text-align: center;
   width:20em;
   margin20px auto;
}

div#cadre p,div#cadre li  {
   margin: 1em 25px 1.5em 25px;
   line-height:1.5em;
   text-align: justify;
   display:block;
   font-size:1em;
   color:#003399;
}
div#cadre li {padding: 0 10px;}

div#cadre .start li {margin:0 10px;padding:0;}



#cadre dl{border:1px solid #003399;padding:0 1em;margin:2em 0;}
#cadre dd{margin:1em 0;}
#cadre dt{padding:10px 20px 10px 50px;margin:20px 0 0 0px;font-size:1.5em;text-align:left;background:transparent url(../uploads/images/dekra35.png) 35px 0 no-repeat;text-transform:uppercase; text-align:center;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#cadre dt span{display:block;font-size:.8em;}

#cadre .start dt.dekra{background-image:url(../images/dekra.jpg);}
#cadre .start dt.norisko{background-image:url(../images/norisko.jpg)}
#cadre .start dt.autosur{background-image:url(../images/autosur.jpg)}
#cadre .start dt.securitest{background-image:url(../images/securitest.jpg)}
#cadre .start dt.autosecurite{background-image:url(../images/autosecurite.jpg)}
#cadre .start dt.autovision{background-image:url(../images/autovision.jpg)}

#cadre .start dt.dekra a{color:#008F44;text-decoration:none;}
#cadre .start dt.norisko a{color:#000;text-decoration:none;}
#cadre .start dt.autosur a{color:#F75644;text-decoration:none;}
#cadre .start dt.securitest a{color:#189549;text-decoration:none;}
#cadre .start dt.autosecurite a{color:#0471B2;text-decoration:none;}
#cadre .start dt.autovision a{color:#024FA1;text-decoration:none;}
#cadre .start dt a:hover{text-decoration:underline;}
#cadre .start dd.adresse{padding:.2em 0 0 200px;color:#333;font-size:.8em;}
#cadre .start dd a{color:#333;text-decoration:none;}

div#cadre_gris{
   background: #FFF url('../uploads/images/bandeau_rouge.gif') no-repeat center bottom;   
   width:480px;
   margin:0;
   padding:0 0 60px 0;
   font-size:0.95em;
   list-style-position: outside;
   border:2px solid #818286;
}
div#cadre_gris h2{
   font-size:1.5em;
   color:#003399;
   margin:20px;
   text-align: center;
}

div#cadre_gris p {
   margin: 0 25px 1.5em 25px;
   text-align: left;
   display:block;
}
div#cadre_anim{
   background-color: #FFF;   
   width:480px;
   margin:0;
   padding:0;
   font-size:0.95em;
   list-style-position: outside;
   border:2px solid #003399;
}
div#cadre_anim h2{
   font-size:1.3em;
   color:#003399;
   margin:20px;
   text-align: center;
}

div#cadre_anim p {
   margin: 0 15px 1.5em 15px;
   text-align: left;
   display:block;
}

#accueil li {margin:1em 0 1em 8em;padding:0 0 0 1.5em;background:transparent url(../images/redpuce.jpg) left 6px no-repeat;color:#003389;font-weight:bold;}

.boite {
   width: 484px;
   background: #FFF url('../uploads/images/cadre_bleu_bas.gif') no-repeat center bottom;   
   font-size: 1.1em;
   padding-bottom:20px;
   display:block;
}

.boite h2 {
   font-size:1.1em;
   color:#003399;
   margin:0;
   padding:15px 0 5px 0;
   background: transparent url('../uploads/images/cadre_bleu_haut.gif') no-repeat center top;
   text-align: center;
}

.boite p {
   margin: 0 25px 1.5em 25px;
   text-align: left;
   display:block;
}

.boite_accueil {
   width: 484px;
   background-color: #FFF;   
   background: #FFF url('../uploads/images/suite.gif') repeat-y center top;   
   font-size: 1.1em;
}

.boite_accueil h2 {
   font-size:0.5em;
   color:#003399;
   margin:0;
   padding:15px 0 0 0;
   background: #FFF url('../uploads/images/cadre_bleu_haut.gif') repeat-y center top;   
   text-align: center;
}

.boite_accueil p {
   margin: 0 25px 1.5em 15px;
   text-align: left;
}
.boite_accueil p img{
   margin: 0;
   padding:0;
}

.boite_groupe {
   width: 484px;
   padding-bottom: 65px;
   background: #FFF url('../uploads/images/cadre_gris_slogan.gif') no-repeat;
   background-position: center bottom;   
   font-size: 1.1em;
   display:block;
}
.boite_groupe h2 {
   font-size:1.5em;
   color:#003399;
   margin:0;
   padding:30px;
   background: transparent url('../uploads/images/cadre_gris_haut.gif') no-repeat;
   background-position: center top;
   text-align: center;
}

.boite_groupe p {
   text-align: left;
  font-size:1.1em;
}
.anim {
   margin: 0;
   padding:0;
}
.anim_centre {
   margin: 0;
   padding:0;
}
.anim_actu {
   margin: 10px auto;
   padding:0;
   }
#carte a img{
   margin:0;
   padding:0;
}


#tarifs{
   margin:0 0 0 20px;
   width:100%;
}

.ttc{
   background:#FF3D3D;
   padding:10px 30px;
   font-weight:bold;
}
.ttcvert{
   background:#0E7D30;
   padding:10px 30px;
   color:#fff;
   font-weight:bold;
}
.ttcnoir{
   background:#000;
   padding:10px 30px;
   color:#FFF;
   font-weight:bold;
}
.ttcjaune{
   background:#FFD005;
   padding:10px 30px;
   color:#000;
   font-weight:bold;
}

td.tarifquoi{
   background-color:#55A5E6;
   padding:10px 30px;
}
td.tarifquoijaune{
   background-color:#FFFF7A;
   padding:10px 30px;
}

td.prix{
   background-color:#55A5E6;
   padding:10px 30px;
}
td.prixjaune{
   background-color:#FFFF7A;
   padding:10px 30px;
}

.contact{
   margin:0 20px;
}

.contact_text{
   float:right;
   width:230px;
   font-size:1.2em;
   line-height:1.3em;
}
#actualite{
   background:#FFF url(../uploads/images/fond_actu.jpg) no-repeat left bottom;
   padding:0;
}
#actualite p{
   padding:0.3em 1em;
}

#actualite h3{
   padding:1em 1em 0.2em 1em;
   color:#FF0000;
   font-size:1.3em;
}
.mentions {
   font-size:0.7em;
   margin: 0 20px 20px 20px;
}
.mentions p{
   padding:0;
   margin:0 0 0.5em 0;
}
.mentions h3{
   margin-bottom:0.5em;

}
.mentions li{
   list-style-position:inside;
   line-height:1.4em;
}
.accueil_groupe {
    margin:30px;
}
.accueil_groupe p{
    margin:0.5em;
}
#cadre .accueil_centre a,#cadre .accueil_centre {
   /*background-color: #FFF;*/color:red;   font-weight:bold;
}
.accueil_centre p{
       margin:0;
       padding: 0 1em 0.8em 2em;
}
/* End of 'GTR-css' */

/********************
MENU horizontal GROUPE
*********************/
#nav{float:right;display:inline;margin:10px 10px 0 0;/*background:white url(../images/menu_03.jpg) left top no-repeat;*/height:37px;width:580px;}
#nav ul li{float:left;display:inline;}
#nav ul li a{display:block;color:#eee;;line-height:37px;width:115px;text-align:center;text-transform:uppercase;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:.9em;font-weight:bold;}
#nav ul li.menuactive a{color:white;/*background:white url(../images/menu_03.jpg) center bottom no-repeat;*/}

#nav li.first {
background:  url(../images/menu_03.jpg) no-repeat left top;
}
#nav li {
background:  url(../images/menu_03.jpg) no-repeat -115px top;
}
#nav li.last {
background:  url(../images/menu_03.jpg) no-repeat right top;
}
#nav li:hover,
#nav li.menuh{
background-position:-115px bottom;
}

#nav li:hover.first,
#nav li.menuh first{background:  url(../images/menu_03.jpg) no-repeat left bottom;}

#nav li:hover.last,
#nav li.menuh last{background-position:right bottom;}

#nav li.menuactive {background-position:-115px bottom;}
#nav li.menuactive.first  {background:  url(../images/menu_03.jpg) no-repeat left bottom;}
#nav li.menuactive.last {background:  url(../images/menu_03.jpg) no-repeat  right bottom;}



#sidebar h3#sms, #sidebar h3#rdv ,#sidebar div#gtrr {background:transparent url(../images/boutons.jpg) left top no-repeat;margin:25px 0;font-size: 1.5em;}
#sidebar h3#sms a, #sidebar h3#rdv a,#sidebar div#gtrr a{color:white;text-decoration:none;padding:22px 0 0 110px;display:block;height:72px;line-height:1em;}

#sidebar h3#sms {background-position:left -100px}
#sidebar div#gtrr {background-position:left -200px}
/*
#sidebar h3#sms {background:transparent url(../images/rdv-sms.png) left top no-repeat;margin:1em 0;font-size: 2em;background-position:left bottom}
#sidebar h3#sms a{color:white;text-decoration:none;padding:20px 0 0 4em;display:block;height:70px;line-height:1em;}
*/

#rdvim{text-align:center;}
/*#rdvim a{width:200px; height:50px;display:block;background: url(../uploads/images/prendre-rdv-rouge.png) left top no-repeat;text-indent:-9999em;margin:10px auto;}*/
#rdvim a{width:213px; height:63px;display:block;background: url(../images/rdvimmediat.jpg) left top no-repeat;text-indent:-9999em;margin:10px auto;}



/********************
MENU VERTICAL GROUPE
*********************/

div#menugtr {
   width: 200px; 
   background-color:transparent;
   margin: 10px 0 0 0;
   border:0;
   text-align:left;
   font-size:0.9em;
}

div#menugtr li {
   list-style: none;
   margin:-10px 0 0 0;
   border:0;
   padding:0;
   background:transparent url(../uploads/images/menu-groupe.png) no-repeat right 0;
   height:56px;   height:42px;
   text-align:left;
}

div#menugtr a {
   text-decoration: none;
   color: #000;
   text-align:left;
   border:0;
   font-weight:bold;
}

div#menugtr ul li a{
   margin-left:10px;
   padding-top:7px;
   border:0;
   display:block;
   text-align:left;
}
div#menugtr ul li a img{
   margin-right:5px;
}

div#menugtr li a:hover {
   background-color:transparent;
   color:#FF0000;
   border:0;
}

div#menugtr .menuactive a{
   color:#FFF;
   text-decoration:underline;
}

#primary-nav li, #primary-nav li.menuparent { 
   min-height:1em; /* Fixes IE7 bug*/
}

/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }



/********************
MENU VERTICAL ROUGE
*********************/

div#menu {
   width: 200px; 
   background-color:transparent;
   margin: 10px 0 0 0;
   border:0;
   text-align:left;
   font-size:0.9em;
}

div#menu li {
   list-style: none;
   margin:-10px 0 0 0;
   border:0;
   padding:0;
   background:transparent url(../uploads/images/menu_rouge.png) no-repeat right 0;
   height:42px;
   text-align:left;
}
div#menu.centre-66 li,div#menu.centre-69 li {background-image:url(../uploads/images/menu_vert.png);}
div#menu.centre-92 li,div#menu.centre-171 li,div#menu.centre-208 li{background-image:url(../uploads/images/menu_bleu.png);}
div#menu.centre-67 li,div#menu.centre-237 li{background-image:url(../uploads/images/menu_jaune.png);}
div#menu.centre-156 li{background:transparent url(../uploads/images/menu-groupe.png) no-repeat right 0;}
div#menu.centre-226 li{background:transparent url(../uploads/images/controleplus-onglet.png) no-repeat right 0;}

div#menu a {
   text-decoration: none;
   color: #FFF;
   text-align:left;
   border:0;
}
div#menu.centre-67 a,div#menu.centre-237 a{color:black;}

div#menu ul li a{
   margin-left:10px;
   padding-top:10px;
   border:0;
   display:block;
   text-align:left;
}

div#menu a:hover {
   background-color:transparent;
   color:#0054A6;
   border:0;
}
div#menu.centre-92 a:hover,div#menu.centre-171 a:hover,div#menu.centre-208 a:hover{color:#FFFF00;}

div#menu .menuactive a{
   color:#0054A6;
}
div#menu.centre-171 li.menuactive a, div#menu.centre-92 li.menuactive a,div#menu.centre-66 li.menuactive a,div#menu.centre-208 li.menuactive a,div#menu.centre-69 li.menuactive a {color:white;text-decoration:underline;}


/******************************
MENU VERTICAL VERT
*******************************/




div#menu_vert a {
   text-decoration: none;
   color: #FFF;
   text-align:left;
   border:0;
}
div#menu_vert li a:hover {
   background-color:transparent;
   color:#0054A6;
   border:0;
}
div#menu_vert .menuactive a{
   color:#FFF;
   text-decoration:underline;
}

/******************************
MENU VERTICAL BLEU
*******************************/

div#menu_bleu a {
   text-decoration: none;
   color: #FFF;
   text-align:left;
   border:0;
}


div#menu_bleu li a:hover {
   background-color:transparent;
   color:#FFFF00;
   border:0;
}

div#menu_bleu .menuactive a{
   color:#FFF;
   text-decoration:underline;
}
/******************************
MENU VERTICAL JAUNE
*******************************/


div#menu_jaune a {
   text-decoration: none;
   color: #111;
   text-align:left;
   border:0;
}


div#menu_jaune li a:hover {
   background-color:transparent;
   color:#0054A6;
   border:0;
}

div#menu_jaune .menuactive a{
   color:#000;
   text-decoration:underline;
}
/* End of 'CSS-menus' */

/*test infini rotator*/
#carousel {
	width:480px;
	height:360px;	
	margin:0 auto;
	overflow:hidden;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:480px;
	height:360px;
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:2880px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:480px;
	height:360px;	
	float:left;
	padding:0;
	margin:0;
	background-image:none;
	
}
#slides li h4{text-align:center;font-size:1.2em;text-transform:uppercase;color:#003389;}
#slides li img {
	/*padding:4px;*/
}
	#prevBtn, #nextBtn,#buttons{display:none;}


/* Easy Slider */

	div#cadre #slider ul,div#cadre #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
		div#cadre #slider img{padding:0;margin:0;}
	#slider h4{text-align:center;font-size:1.2em;text-transform:uppercase;color:#003389;}
	div#cadre #slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:480px;
		height:360px;
		overflow:hidden; 
		}	
		
		
		
#myslide {width:640px;overflow:hidden;position: relative;height:440px;margin-bottom:20px}
#myslide .cover{
		width: 7040px; /*------- class mystuff width * number of mystuff divs (640 * 11 = 7040)---------- */
		position: absolute;
		height:440px;
	}
 
iframe {margin:5px 10px;} 
#sidebar div.box{background:transparent url(../images/block.png) right bottom no-repeat;width:278px;margin:20px 0 0 0;}
#sidebar div.box h2{background:transparent url(../images/block.png) right top no-repeat;color:white;font-size:1.5em;text-align:center;line-height:45px;height: 45px;}

.mystuff {width:640px;float:left;padding:20px 0;margin: 0 0 5px;}
#myslide .mystuff {width:640px;float:left;padding:20px 0;margin:0;}
	
ul#button{margin:10px;padding-bottom:10px;}	
ul#button li{width:258px;display:block;border-bottom:1px solid #bbb;}
#main ul#button li{width:600px;display:block;border-bottom:1px solid #bbb;}
ul#button li a{line-height:40px;padding:0 0 0 40px;display:block;text-decoration:none;color:black;text-transform:uppercase;font-weight:bold;}
/*	.button1,.button2,.button3{background:#999;padding:6px;display:block;float:left;margin-right:5px;}*/


ul#button li a.Autovision{background:transparent url(../images/logoscentre.gif) left -64px no-repeat;}
ul#button li a.Autosur{background:transparent url(../images/logoscentre.gif) left -352px no-repeat;}
ul#button li a.Dekra{background:transparent url(../images/logoscentre.gif) left -280px no-repeat;}
ul#button li a.ControleBrie{background:transparent url(../images/logoscentre.gif) left -208px no-repeat;}
ul#button li a.Autosecu{background:transparent url(../images/logoscentre.gif) left 4px no-repeat;}
ul#button li a.Securitest{background:transparent url(../images/logoscentre.gif) left -136px no-repeat;}
ul#button li a.controleplus{background:transparent url(../images/logoscentre.gif) left -136px no-repeat;}

ul#button li a.active{background-color:#eee;;/*display:block;width:278px;*/}


#cadre dl.enligne{height:30px;line-height:30px;overflow:hidden;padding:5px 0;border:none;border-bottom:1px solid #eee;margin:0 10px;}
#cadre .enligne dd{width:100px;float:left;display:inline;margin:0 0 0 10px;;}
#cadre .enligne dt{text-align:left;font-weight:bold;width:200px;float:left;display:inline;margin:0 0 0 30px;padding:0;font-size:1em;background:none;}

.limitwidth{margin:0 20px;}
#cadre .limitwidth .enligne dd{margin:0 0 0 60px;text-align:center;;}

.altrow{background-color:#f8f8f8;}
.clear{clear:both;}