/* Modèle v1.24 24/02/2009 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
ul {margin-bottom:10px;}
li{margin-left: 25px;}
a img, img{border:0}
html {font-size: 100%;}
.clear{clear:both; height:0px; overflow:hidden; width:100%;}
.centre{text-align:center;}
.img_gauche{float:left; display:inline; margin:0 5px 5px 0; border:2px solid #56952C;}
.img_droite{float:right; display:inline; margin:0 0 5px 5px; border:2px solid #56952C;}

/*********** A PERSONNALISER **************/
body {font: normal 12px 'Trebuchet MS'; color:#666; background-color:#fff;/*fond de spaw et de la zone contenu*/}
#body{background:/*fond du site*/}
table{font-size: 11px;}
a{color: #f10000; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Titres */
h1{float:right; background:url(../images/titre-bg.gif) no-repeat; width:204px; height:38px; color:#fff; font:normal 15px 'Trebuchet MS'; text-transform:uppercase; text-align:center; line-height:38px; margin:22px 0 0 0;}
h2{color:#735996; font:normal 24px 'Trebuchet MS'; margin:0 0 15px 17px;}
h3{color:#735996; font:normal 20px 'Trebuchet MS'; margin:0 0 6px 0; display:inline-block; width:100%;}
h4{color:#56952c; font:bold 14px 'Trebuchet MS'; margin:0px;}

p {margin-bottom:10px; text-align: justify;}
strong{font-weight: bold;}
em{font-style: italic;}

.color{color:#f10000;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}
.under{text-decoration:underline;}
.center {text-align:center;}
/* Formulaires */
.bouton{
  display:block; color:#fff; background-color:#735996;
  font:bold 11px 'Trebuchet MS'; line-height:20px; width:160px; height:20px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 10px 'Trebuchet MS'; color:#666; border:1px solid #735996;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 200px; text-align: right;}
.row label span{color:#f00;}
.row textarea, .row input {width: 250px;}
.row select {width: 70px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:300px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {margin-left:150px; clear:both; margin-bottom:5px;}

/******************************************/
/******************  ENTETE  **************/
/******************************************/
#body{width:902px; margin:auto; position:relative;}
#header{position:relative; width:902px; margin:7px 0 0 0; background:url(../images/header-bg.gif) no-repeat; height:106px;}
#header .logo{clear:both; margin:24px 0 0 0; display:inline-block; width:655px; float:right;}
#header .logo a{float:left; width:364px;}

#header .pic{position:absolute; left:35px; top:0px; width:208px; height:208px; overflow:hidden; text-align:center; padding:30px 0 0 0;}
#header .mask{background:url(../images/logo-bg.png) no-repeat; width:208px; height:208px; overflow:hidden; position:absolute; top:0; left:0; z-index:10;}
#header .thumbs{z-index:0; width:150px; height:152px; overflow:hidden; overflow-x:hidden; position:absolute; top:30px; left:29px;}
#header .wrap{width:650px; float:right;}
#header ul{list-style-type:none; float:right; width:181px; margin:0px;}
#header ul li{float:left; padding:0px; margin:0px;}
#header ul li a{background:url(../images/puce.gif) 0 4px no-repeat; padding:0 10px 0 13px; color:#808080; float:left; display:inline-block;}
#header ul li a:hover{color:#56952c; text-decoration:none;}
/* Contenus */
#content{width:100%; display:inline-block;}
#content #rightMenu{float:left; width:218px; list-style-type:none; margin:111px 0 0 0;}
#main{float:left; width:684px; background:url(../images/content-bg.gif) left repeat-y; border-top:4px solid #e1e1cb; margin:30px 0 0 0; padding:12px 0 0 0; line-height:16px;}
#rightMenu li{clear:both; display:block; height:98px; overflow:hidden; margin:0 0 3px 0;}
#rightMenu li a#presations, #rightMenu li a#formateurs, #rightMenu li a#dif, #rightMenu li a#methode{height:98px;display:block; overflow:hidden;}
#rightMenu li a#presations-act, #rightMenu li a#formateurs-act, #rightMenu li a#dif-act, #rightMenu li a#methode-act{height:98px;display:block; overflow:hidden;}
#rightMenu li a#presations, #rightMenu li a#presations-act{background:url(../images/presations.gif) no-repeat;}
#rightMenu li a#presations:hover{background:url(../images/presations.gif) no-repeat 0 -98px;}
#rightMenu li a#formateurs, #rightMenu li a#formateurs-act{background:url(../images/formateurs.gif) no-repeat;}
#rightMenu li a#formateurs:hover{background:url(../images/formateurs.gif) no-repeat 0 -98px;}
#rightMenu li a#dif, #rightMenu li a#dif-act{background:url(../images/dif.gif) no-repeat;}
#rightMenu li a#dif:hover{background:url(../images/dif.gif) no-repeat 0 -98px;}
#rightMenu li a#methode, #rightMenu li a#methode-act{background:url(../images/menu_methode.gif) no-repeat;}
#rightMenu li a#methode:hover{background:url(../images/menu_methode.gif) no-repeat 0 -98px;}
#rightMenu li a{text-transform:uppercase; color:#666; font:normal 20px 'Trebuchet MS'; margin:0px; text-align:right; padding:30px 87px 0 0; display:inline;}
#rightMenu li a:hover{text-decoration:none; color:#56952c;}

/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/
#home h2{margin:0 0 7px 0;}
#home #temoignages{padding:16px 0 0 0;}
#temoignages h3{margin:0 0 15px 0; width:450px; float:left;}
#main img.deco{float:right;}
#mainCenter{width:625px; float:right;}
#mainCenter .dec01{background:url(../images/home-deco2.gif) no-repeat; height:16px; width:100%; overflow:hidden;}
#mainCenter .dec02{background:url(../images/home-deco4.gif) no-repeat; height:14px; width:100%;}
#mainCenter .mainCenter{background:url(../images/home-deco3.gif) repeat-y; padding:0 21px 16px 0;}
#mainCenter .block1{font:normal 13px 'Trebuchet MS';}
#mainCenter .block1, 
#mainCenter .block2, 
#mainCenter .block3{background:#ebe7f0; border-bottom:7px solid #d7d0e1; padding:10px 18px 8px 18px; text-align:justify; display:inline-block;}

#temoignages .Left, #temoignages .Right{float:left; width:287px; margin:0 0 20px 0;}
#temoignages .Right{float:right; margin:0 0 16px 0;}
#temoignages .pic{float:left; width:68px; margin:0 9px 0 0; height:66px; overflow:hidden; position:relative;}
#temoignages .desc{width:210px; float:left; text-align:justify;}
#temoignages .desc p{color:#b4a6c7; margin:0px;}
#temoignages .desc p span{color:#735996; text-transform:uppercase; display:block;}
#temoignages .mask{/*background:url(../images/pic-bg.png) no-repeat;*/ width:68px; height:66px; overflow:hidden; position:absolute; top:0; left:0; z-index:10;}
#temoignages .thumbs{z-index:0; width:65px; height:65px; overflow:hidden; overflow-x:hidden; position:absolute; top:0px; left:0px;}
#temoignages .mores{margin:0px; padding:0px;}
#temoignages .mores a{float:right; color:#56952c; text-decoration:none; background:url(../images/flesh.gif) 0 4px no-repeat; padding:0 0 0 15px;}

/*#temoignages .Top p{float:right; width:80px;}
#temoignages .Top p a{color:#56952c; font:normal 12px 'Trebuchet MS'}*/
#temoignages .Top .MoteurNavigation a {color:#56952c; font:normal 12px 'Trebuchet MS';text-decoration:none;}
#temoignages .Top .MoteurNavigation span {color:#56952c; font:normal 12px 'Trebuchet MS';text-decoration:underline;}

/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#footer{width:100%; background:url(../images/foot-bg.gif) top no-repeat; padding:0 0 17px 0;}
#footer .adresse{float:left; width:205px; color:#82817d; font:normal 12px 'Trebuchet MS'; padding:15px 55px 0 0;}
#footer .adresse .tel{color:#60497e;}
#footer .adresse p{text-align:right; margin:0 0 5px 0;}
#footer .links{float:left; list-style-type:none; font:normal 12px 'Trebuchet MS'; color:#666; margin:47px 0 0 0;}
#footer .links li{margin:0px; float:left;}

#footer .links a{float:left; padding:0 10px 0 10px; color:#56952c; font:normal 12px 'Trebuchet MS'; text-decoration:none; display:inline;}
#footer .links a:hover{color:#808080; text-decoration:none;}
#footer .links .end{color:#82817d; padding:0 0 0 13px;}
#footer .links .end a{color:#82817d; padding:0 0 0 1px; float:none;}

/******************************************/
/**************  QUI  *****************/
/******************************************/
#mainCenter .block2, #mainCenter .dif{background:none; border:none; margin:0px; padding:16px 18px 8px 18px; display:inline-block;}
#mainCenter .block1 ul li, 
#mainCenter .block2 ul li, 
#mainCenter .block3 ul li{width:98%;margin:0px; background:url(../images/rond.png) 0 5px no-repeat; padding:0 0 0 15px; list-style-type:none;}
#mainCenter .block1 ul li ul li, 
#mainCenter .block2 ul li ul li, 
#mainCenter .block3 ul li ul li{background:none;}
#mainCenter .block3{border-bottom:none; border-top:7px solid #d7d0e1; padding:10px 18px 8px; display:inline-block;}
.ul-li{float:left;}
/******************************************/
/**************  METHODE QAULITE  *****************/
/******************************************/
#main .ImgMethode{text-align:center; margin:16px 0 15px 0; position:relative}
#main .ImgMethode #engrenage{position:absolute; top:30px; right:112px; color:#56952c;}

/******************************************/
/**************  FAQ  *****************/
/******************************************/
#faq{margin:16px 0 0 0; background:#E7F5DE; display:inline-block; height:444px;}
#reponses{float:left; width:285px; display:block; background:#e7f5de; padding:0 0 15px 15px;}
#reponses div{margin:32px 15px 10px 0; font-size:12px; line-height:18px; text-align:justify;}

/*html {overflow-y:scroll}*/
p.intro_faq {font-size:12px; margin-left:20px;}

#jquery_faq {width:300px; float:left; color:#7a685c; margin:0; padding:0; border-right:2px solid #fff;}
#jquery_faq a{display:inline-block; font-weight:bold; text-decoration:none;}
#jquery_faq ul {overflow: hidden; margin:0px;}
#jquery_faq li.theme ul{margin:0 10px 0 10px; height:280px; overflow:hidden;}
#jquery_faq li.theme ul li{margin:10px 0 10px;}
#jquery_faq li {margin-left: 0px; list-style-type:none}
#jquery_faq li a.opened, #jquery_faq li a.closed{width:290px; background:url(../images/dt-bg.gif) no-repeat; height:25px; color:#fff; padding:3px 0 0 10px; font:bold 12px 'Trebuchet MS';}
#jquery_faq li a.opened:hover, #jquery_faq li a.closed:hover{text-decoration:none;}
#jquery_faq .theme a{color:#56952c; text-decoration:none; background:url(../images/flesh2.gif) 0 2px no-repeat; font:normal 11px Verdana; padding:0 10px 0 10px; text-align:justify;}
#jquery_faq .theme a:hover, #temoignages .Top p a.selected{text-decoration:underline;}

/******************************************/
/**************  LETTRE  *****************/
/******************************************/
#liste-position {position:relative;}
#lt-position {margin: -22px 0 0 215px;}
ul#under {font-style:italic;}