/*  ----------------------------------------------------------- */
/*  Feuilles de styles CalliWeb                                 */
/*  ----------------------------------------------------------- */

* {margin: 0; padding: 0; border: 0; font-style: normal; text-decoration: none;list-style:none;}
/*-------*/
/*HEADER*/
/* --- */
#intro{ width:901px;margin-left: auto;margin-right: auto; text-align:center }
body {background: #B9AA8D;color: #88735F;font: 13px Arial, Helvetica, sans-serif; margin-top:10px}
#pages {width:901px;margin-left: auto;margin-right: auto; background: #FFF;}

#header{ width:901 px; height: 109px; background: #B9AA8D url(../images/bg_header.jpg) no-repeat}
#logo{ padding:15px 0 0 30px; }
#accroche{ float:right; padding:46px 112px 0 0; }

/* MENU */
#bg_menu{ position:relative; clear:both; width:901px; height: 76px; background: #B9AA8D url(../images/bg_menu.gif) no-repeat; }

#Navigation {position:absolute; top:8px; left:427px; background:url(../images/menu.gif) transparent no-repeat 0 0;list-style:none;height:21px;}
#Navigation li {float:left;}
#Navigation li, #Navigation li a {height:21px;background-image:url(../images/menu.gif);background-color:transparent;background-repeat:no-repeat;}
#Navigation li a {display:block;}
#Navigation li strong {position:absolute;top:-7777px;left:-7777px;}

#Navigation li{ margin-right: 30PX; }

#Navigation #It2, #Navigation #It2 a {width:91px;background-position:0 0;}
#Navigation #It3, #Navigation #It3 a {width:74px;background-position:-121px 0;}
#Navigation #It4, #Navigation #It4 a {width:104px;background-position:-225px 0;}
#Navigation #It5, #Navigation #It5 a {width:84px;background-position:-359px 0;}

#Navigation #It2:hover, #Navigation #It2 a:hover, #Navigation #It2:hover a, #Navigation #It2.active, #Navigation #It2.active a {width:91px;background-position:0 -21px;}
#Navigation #It3:hover, #Navigation #It3 a:hover, #Navigation #It3:hover a, #Navigation #It3.active, #Navigation #It3.active a {width:74px;background-position:-121px -21px;}
#Navigation #It4:hover, #Navigation #It4 a:hover, #Navigation #It4:hover a, #Navigation #It4.active, #Navigation #It4.active a {width:104px;background-position:-225px -21px;}
#Navigation #It5:hover, #Navigation #It5 a:hover, #Navigation #It5:hover a, #Navigation #It5.active, #Navigation #It5.active a {width:84px;background-position:-359px -21px;}
/* fin menu */
/* ---- */
/*PAGES*/
/* -- */
/* PAGE A PROPOS */
#page_apropos{ margin-top:35px}
#photo{ float:left; width:200px; height:188px; padding: 5px 0 0 144px }
#bloc1{ float:right; width:400px; padding-right:110px;}
#bloc1 h1{ width:166px;height:50px; margin-bottom:10px; background: url(../images/titre_apropos.gif) no-repeat }
#bloc1 .none{ position:absolute;top:-7777px;left:-7777px; }
#bloc1 p{ margin-bottom:10px }

#bloc2{clear:both; margin: 0 68px 0 68px; padding-top:40px/* voir ie-only.css pour le padding-top  sous IE */}
#bloc2 p{ text-align:center; padding:0 0 30px 0;}
#pave{ float:left; width:151px; height:142px; padding:0 50px 40px 0; background: url(../images/bg_pave.gif) no-repeat }
#pave_last{ float:left; width:151px; height:142px; padding-right:0; background: url(../images/bg_pave.gif) no-repeat }

#pave p, #pave_last p{ font-size:11px; text-align:left; margin:10px 10px 0 10px; padding:0}
#bloc2 .none{ position:absolute;top:-7777px;left:-7777px; }
#pave p.lls, #pave_last p.lls, #pave p.lls3{ font-size:10px; color: #000; text-align:right; margin:10px 15px 0 0; padding:0  }
#pave_last p.lls{ margin:24px 15px 0 0  }
#pave p.lls3{ margin:24px 15px 0 0  }
#pave p.lls a, #pave_last p.lls a, #pave p.lls3 a{color: #000;}
#pave p.lls a:hover, #pave_last p.lls a:hover, #pave p.lls3 a:hover{color: #757575;}
#pave p.lls img, #pave_last img, #pave p.lls3 img{padding-right:5px}
h2.crea{ width:93px; height:12px; margin:14px 0 0 25px; background: url(../images/titre_creativite.gif) no-repeat }
h2.conv{ width:99px; height:12px; margin:14px 0 0 22px; background: url(../images/titre_conviction.gif) no-repeat }
h2.prog{ width:118px; height:12px; margin:14px 0 0 15px; background: url(../images/titre_progression.gif) no-repeat }
h2.serend{ width:105px; height:12px; margin:14px 0 0 22px; background: url(../images/titre_serendipite.gif) no-repeat }
/* PAGE THEMES */
#fil_ariane{ padding-left:38px; font-size:11px; padding-bottom:60px}
#fil_ariane a{ text-decoration:underline; color:#757575}
#fil_ariane a:hover{ color:#000}
#bloc{clear:both;  }
#themes #left{float:left; padding-left:38px;}
#themes #left img{ margin-bottom:78px}
#themes #right{float:right; width: 643px; }
#themes #right h2{ font-size: 16px; padding-bottom:5px}
#themes #right p{ padding-right:30px}
#themes #right h2.conviction{padding-top:20px}
#themes #right h2.progression{padding-top:50px}
#themes #right h2.serendipite{padding-top:50px}
#HP{ float: right; margin:50px 0px 0 0px; padding: 0 30px 0 10px; background: url(../images/HP.gif) no-repeat left; font-size:10px; font-weight: bold;}
#HP a{ color:#757575}
#HP a:hover{ color:#000}
/*PAGE CLIENTS*/
#clients{ padding-top: 35px; }
#clients #left{ float:left; padding: 40px 0 0 38px; }
#clients #right{ float:right; width:636px; }
#clients #right h1{ width:339px; height:50px; margin-bottom: 17px; background: url(../images/h1_clients.gif) no-repeat left}
#clients #right h1 .none{ position:absolute;top:-7777px;left:-7777px; }
#clients #right p { padding-right:40px; margin-bottom:10px  }
#LC{ clear:both; text-align: center; font-size:16px; font-weight: bold; padding:20px 0 40px 0 }
#LC a{ text-decoration: underline; color:#88735F; }
#LC a:hover{ color:#4B4034; }
/*PAGE CANDIDATS*/
#candidats{ padding-top: 35px; }
#candidats #left{ float:left; padding: 100px 0 0 38px; }
#candidats #right{ float:right; width:720px; }
#candidats #right h1{ width:147px; height:50px; margin-bottom: 17px; background: url(../images/h1_candidats.gif) no-repeat left}
#candidats #right h1 .none{ position:absolute;top:-7777px;left:-7777px; }
#candidats #right p { padding-right:100px; margin-bottom:10px  }
#candidats #right #encadrement_candidats{ width:420px; height:51px; margin:15px 0 17px 0; background: url(../images/h2_candidats.gif) no-repeat left }
#candidats #right #encadrement_candidats .none{ position:absolute;top:-7777px;left:-7777px; }
/*PAGE CONTACT*/
#contact{ margin-top: 35px; padding-bottom:40px; font-size:12px; background: url(../images/bg_contact.jpg) no-repeat left top }
#contact #left{ float:left; width:298px; padding: 0 0 0 240px; }
#contact #left h1{ width:127px; height:47px; margin-bottom: 12px; background: url(../images/h1_contact.gif) no-repeat left}
#contact #left h1 .none{ position:absolute;top:-7777px;left:-7777px; }
#contact #left h2{ margin-bottom:3px; font-size:12px}
#contact #left p{ margin:0 20px 10px 0; }
#contact #left p a{ color:#88735F ; }
#contact #left p a:hover{ color:#4B4034; }
#contact #left h2.candidature{ margin:0;width:142px; height:48px; margin:35px 0 12px 0; background: url(../images/votre_candidature.gif) no-repeat left}
#contact #left h2.candidature .none{ position:absolute;top:-7777px;left:-7777px; }
#contact #right{ float:right; width:363px; }
#contact #right h2.infos{ width:127px; height:47px; margin:0 0 12px 0; background: url(../images/info_pratique.gif) no-repeat left }
#contact #right h2.infos .none{ position:absolute;top:-7777px;left:-7777px; }
#contact #right p { padding-right:100px; margin-bottom:10px  }
#contact #right img{ margin-top:20px; }
#contact #right .thumbscontainer{ margin-left:-5px !important; margin-left:-10px;}
#contact #right .thumbscontainer p{ margin-top: 0px; padding:0; font-size: 11px; color:#5B5B5B; }
#contact #right .mgn{ margin: 0; padding:0 }
/* MENTIONS LEGALES */

#ML {background:#fff; width:713px; padding:0 0 40px 130px; }
#ML h1 {margin-bottom:10px; font-size:20px}
#ML h2 {font:bold 13px Arial,sans-serif; padding:20px 0 0 0;}
#ML h3 {font:bold 11px Arial,sans-serif;}
#ML ul{ margin:10px 0 0 0; padding: 0 0 5px 0; font-size: 12px;}
#ML p {font-size:11px; margin:0}
#ML a{ color:#b9c254; text-decoration:none }
#ML a:hover{ text-decoration:underline }
/* FOOTER */
#footer{ position: relative; height:25px; background-color: #EBE8D7; }
#footer p{ text-align:center; font-size:11px; padding-top: 7px; }
#footer p a{ color: #88735F}
#credit{ position:absolute; top:0px; right:10px }