/***** Layout *****/
*{margin:0; padding:0}
ol{margin-top:1em}
ul{list-style-type:none}
#col2 ul{margin-bottom:1em}
table{border-collapse:separate; border-spacing:0}
ol li{left:18px; margin-bottom:1em; margin-left:18px}
a img{border:0}
a:link, a:visited{color:#1861b7}
a:hover{color:#00c; text-decoration:underline}
.clear{clear:both}
input{color:#3e3d3d}
body{font-size:75%; font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; line-height:1.3em; text-align:center}
#page{text-align:left; width:938px; margin-right:auto; margin-left:auto}
#shadow{background-image:url(images/bg.png); background-repeat:no-repeat; width:983px; float:left}
#header{background-image:url(images/header_bg.jpg); background-repeat:no-repeat; width:950px; height:133px; margin-left:16px}
#main{background-image:url(images/main_bg_home.png); background-repeat:repeat-y; background-position:16px top; width:951px; float:left; padding-left:16px}
#main_content_home, #main_content_inner{width:731px; float:left}
#col1{width:192px; float:left; padding-right:15px; padding-left:12px}
#col2{text-align:justify; width:510px !important; width:510px; float:left}
/****** Menu ******/
.menu { width:192px; position:relative; font-size:11px; float: left; border-bottom: 3px solid white; }
.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; color:#00417f; width:182px; border-width:1px 1px 0 0; background:#86b1e6; line-height:1.2em; font-size:12px; padding: 5px; border-color: #fff; border-style: solid; }
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu .active { color: black !important; background-color: #f6ef24 !important; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
.menu ul li:hover a {background:#ccddf0;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:193px; width:105px;}
.menu ul li:hover ul li a.hide {background:#88b3e9; color:#00417f;}
.menu ul li:hover ul li:hover a.hide {width:190px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#83ade1; color:#00417f; width:190px;}
.menu ul li:hover ul li a:hover {background:#ccddf0; color:#00417f;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:201px; top:0; color:#00417f;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#88b3e9; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#ccddf0; color:#00417f;}--></style>
/***** Content *****/
#col2 p{margin-bottom:1em}
#col2 h2{font-size:1.5em; background-image:url(images/h2_bg.png); background-repeat:no-repeat; background-position:left 0; width:485px; height:29px;  padding-top:0.3em; padding-left:10px}
#col2 h4{color:#1861b7; font-size:1.3em; margin-top:1em; margin-bottom:1em}
#col2 h5{font-size:1.3em; font-weight:700; margin-bottom:0}
#col2 h6{color:#636363; font-size:1.1em; font-weight:700; margin-bottom:0.3em}
#main_content_inner h2{font-size:1.5em; background-image:url(images/h2_inner_bg.jpg); background-repeat:no-repeat; background-position:left 0; padding-top:0.3em; padding-left:10px; width:718px; height:36px; float:left}
#col3{width:208px; float:left; margin-right:13px !important; margin-right:3px }
#col3 p{margin-top:10px; margin-right:10px; margin-left:10px}
#col3 h4{color:#1861b7; font-size:1.3em; text-transform:uppercase; margin-bottom:0.5em}
#col1 h3{background-image:url(images/onglet_gche.jpg)}
#col3 h3, #photos h3{background-image:url(images/onglet_dt.png); width:208px}
#col1 h3, #col3 h3, #photos h3{color:#fff; font-size:1.1em; font-weight:700; background-repeat:no-repeat; text-transform:uppercase; padding-top:7px; padding-bottom:7px !important; padding-left:8px}
#col2 ul li{background-image:url(images/dot1.gif); background-repeat:no-repeat; background-position:left 6px; padding-left:15px}
#col2 ul li li{background-image:url(images/dot2.gif); background-repeat:no-repeat; background-position:left 6px; padding-left:15px}
#logo{float:left; padding-top:10px; padding-left:22px}
#chapo{background-image:url(images/chapo_bg2.jpg); background-repeat:no-repeat; width:472px; float:left; margin-top:-1px; margin-bottom:-15px; padding:10px 10px 0}
#chapo2{background-image:url(images/chapo_bg2.jpg); background-repeat:no-repeat; margin-top:-8px; margin-bottom:-15px; padding:10px 30px 0 10px; width:470px; float:left}
#chapo h3, #chapo2 h3{color:#1861b7; font-size:1.6em; margin-bottom:0.5em}
#swoosh{ background-image:url(images/swoosh.png); background-repeat:no-repeat; width:100%; height:65px; float:left; margin-top: 10px; margin-left:-15px }
blockquote{color:#636363; font-size:1.2em; background:url(images/quote1.gif) no-repeat left top; padding-bottom:0.5em}
blockquote p{line-height:1.3em; padding:0 48px; background:url(images/quote2.gif) no-repeat right bottom}
.pullquote{color:#1861b7; padding:10px; float:right; width:200px; margin-top:10px; margin-bottom:10px; margin-left:20px; font-size:1.3em; text-align:center; line-height:1.8em; font-style:italic; font-weight:normal; border-top:2px solid #1861b7; border-bottom:2px solid #1861b7}
.left{float:left; margin-top:0.3em; margin-right:10px; margin-bottom:10px}
.right{margin-bottom:10px; float:right; margin-left:10px}
.cadre{border-color:#c9c9c9 !important; border-style:solid !important; border-width:1px 3px 3px 1px !important}
.pdf{line-height:2em; background-image:url(images/icn_pdf.png) !important; background-repeat:no-repeat; background-position:left 50% !important; width:100%; padding-bottom:3px; padding-left:25px !important}
.word { line-height: 2em; background-image: url(images/icn_word.png) !important; background-repeat: no-repeat; background-position: left 50% !important; padding-bottom: 3px; padding-left: 25px !important; width: 100%; }
.ppt { line-height: 2em; background-image: url(images/icn_ppt.png) !important; background-repeat: no-repeat; background-position: left 50% !important; padding-bottom: 3px; padding-left: 25px !important; width: 100%; }
.bt_texte:hover{color:#1861b7 !important; background-color:#ffdf3c; text-decoration:none; border:solid 1px #1861b7}
.hr{height:15px; background:#fff url(images/hr1.png) no-repeat scroll center}
.hr hr{ display:none}
.alert{background:#fff6bf url(images/exclamation.png) no-repeat 15px center; text-align:left; padding:5px 20px 5px 45px; border-top:2px solid #ffd324; border-bottom:2px solid #ffd324; display:block}
/***** Recherche *****/
#nav_search{width:480px; height:25px; float:right}
#nav_search #ajaxSearch_resultListContainer{display:none}
#nav_search .ajaxSearch_resultsIntroFailure{display:none}
#ajaxSearch_form{display:inline; position:relative; float:left; padding-right:10px}
#nav_search label{color:#353737; font-size:1.3em; font-weight:700; text-transform:uppercase; margin-top:0.1em; padding-right:0.5em}
#ajaxSearch_submit{position:relative; top:5px; right:0}
/***** Barre de nav *****/
#nav{width:150px; height:13px; float:right; margin-top:14px}
#nav li{height:13px; float:left; padding-left:25px; display:block}
.cache{position:absolute; top:-500px; left:0; width:1px; height:1px; overflow:hidden}
/***** Header *****/
#photos{width:100%; float:left; margin-top:12px; margin-bottom:18px; padding-left:26px}
#photos img{float:left; margin-right:12px}
#bubble{background-image:url(images/bubble2.png); background-repeat:no-repeat; position:relative; top:55px; right:18px; width:295px; height:57px; float:right; padding-top:10px; padding-left:12px}
* html #bubble{margin-top:-25px; padding-top:12px}
#bubble p{font-size:98%}
/***** Footers *****/
#footer{background-image:url(images/footer1.png); background-repeat:no-repeat; background-position:27px top; height:20px; width:955px; clear:both}
#footer ul{float:right; margin-top:1em}
#footer li a{color:#7c7c7c; text-decoration:none}
#footer li{width:auto; margin:0; display:inline; padding:0 0.5em; border-left:1px solid #7c7c7c}
#footer li.leadin{border-left:0}
.last_update { color: #515151; float: left; margin-top: 1em; margin-left: 26px; }
/***** Accès pro *****/
#acces_pro{background-image:url(images/bg_acces_pro.png); background-repeat:no-repeat; width:208px; height:110px; float:left}
#acces_pro form{padding-top:5px; padding-left:10px}
#forgotpsswd{font-size:90%; float:left; //margin-top:-1.5em}
#acces_pro label{font-size:90%; line-height:1.8em; text-align:right; width:80px; float:left; margin-right:5px}
#acces_pro .button{float:right; margin-top:-2px; margin-right:22px}
.acces_pro_fields{display:block; width:100px; height:14px; float:left; margin-right:5px; margin-bottom:6px}
.reminder_field{float:left; display:block; margin-right:5px; margin-bottom:12px}
#reminder label{font-size:90%; text-align:left; width:200px; float:left; clear:both}
#connecte{margin-top:15px; margin-left:5px}
.button{float:left; margin-top:2px}
/***** Home *****/
#pave_home{width:100%; float:left; clear:both; margin-top:15px}
#pave_home h3{color:white; font-size:1.2em; background-image:url(images/bloc_home_h3.png); background-repeat:no-repeat; text-transform:uppercase; width:155px; height:36px; float:left; padding-top:8px; padding-left:6px}
.pave{font-size:90%; background-image:url(images/bloc_home_content.png); background-repeat:no-repeat; background-position:0 35px; width:155px; height:236px; float:left}
.pave p{margin-bottom:5px; padding-left:8px; padding-right:8px}
.pave img{padding-left:5px}
.pave3 img{padding-bottom:4px; padding-left:20px}
.pave2{background-image:url(images/pave2.jpg); float:left; margin-left:13px !important; margin-left:5px}
.pave3{float:left; margin-left:12px !important; margin-left:6px}
/***** Alerte email *****/
#alerte_mail{font-size:90%; background-color:#ccddf0; width:192px; float:left; margin-bottom:1em}
.TXNewsletters_form_email input{width:120px !important; float:left; clear:both; margin-top:3px; margin-right:10px; margin-left:8px}
.TXNewsletters_form_labelErr{color:#f00; float:left; clear:both}
.TXNewsletters_form_right{margin-left:10px}
.erreur_color{color:#f00}
.validmail{font-weight:bold; float:left; margin-left:10px}
#alerte_mail label{display:none}
/***** Menu CROPP *****/
#cropp{background-color:#ccddf0; width:192px; float:left; padding-bottom:5px; border-bottom:3px solid white}
#cropp select{width:140px}
#cropp legend, #alerte_mail legend{color:#fff; background-image:url(images/onglet_gche.jpg); background-repeat:no-repeat; text-transform:uppercase; width:100%; height:28px; padding-top:9px; padding-bottom:5px; padding-left:8px}
#cropp .retrait, #alerte_mail .retrait{width:160px; float:left; margin-top:8px; margin-right:8px; margin-left:8px}
#cropp a{font-size:85%; float:left; clear:both; margin-top:4px; margin-left:8px; padding-bottom:10px}
/***** News *****/
#news{float:left; padding-right:15px; padding-bottom:20px; padding-left:10px}
#news li{background-image:url(images/puce_bleu.gif); background-repeat:no-repeat; background-position:left 3px; margin-top:1.6em; padding-left:10px}
/***** Sous menu *****/
#submenu ul{}
#submenu ul .active{background-image:url(images/puce_bleu.gif); background-repeat:no-repeat; background-position:10px 15px}
#submenu ul ul .active{background-image:url(images/puce_bleu2.gif); background-repeat:no-repeat; background-position:10px 7px}
#submenu ul ul ul .active{background-image:url(images/puce_bleu3.gif); background-repeat:no-repeat; background-position:10px 5px}
#submenu li{padding-top:1em; padding-bottom:1em; padding-left:10px; border-bottom:1px solid #1861b7}
#submenu li li{font-size:90%; background-image:url(images/puce_level.gif); background-repeat:no-repeat; background-position:10px 5px; margin-left:6px; padding-top:0.3em; padding-bottom:0.3em; padding-left:10px; border-bottom-style:none}
#submenu li a:hover{color:#00c; text-decoration:underline}
#submenu li a{color:#000; font-size:1.1em; text-decoration:none; margin-left:15px; display:block}
#plus_info{padding-top:15px; padding-right:5px; padding-left:15px; border-top:5px solid white}
/***** Table [composition CROPP] *****/
.blank table{border-collapse:collapse; width:100%}
.blank td{padding-right:20px; border-bottom:1px solid silver}
.carte_cropp{margin-top:-2.5em}
/***** Table [Repères] *****/
.reperes table{border-collapse:collapse; width:100%}
.reperes td{color:#595959; padding-top:1em; padding-right:20px; padding-bottom:1em; border-bottom:4px solid silver}
.reperes .top{vertical-align:top}
.reperes h4{color:#120c54 !important; font-size:1.5em; font-weight:700; margin-top:-0.3em !important}
/***** Ditto *****/
.ditto_pagination { position: relative; z-index: 1000; }
.ditto_previous_link, .ditto_next_link{padding:2px 4px; margin:2px; text-decoration:none; border:solid 1px; color:#06c; background-color:#fff}
.ditto_previous_link:hover, .ditto_next_link:hover{background-color:#ffdf3c; text-decoration:none}
.ditto_page{padding:2px 4px; margin:2px; color:#000; border:solid 1px; background-color:#fff; text-decoration:none}
.ditto_page:hover{color:white; background-color:#1861b7; text-decoration:none}
.ditto_currentpage{padding:2px 4px; margin:2px; font-weight:bold; border:solid 1px; color:#000; background-color:#fff}
/*css ajaxsearch à trier*/
/*#ajaxSearch_form{float:right; width:auto; margin:12px 0 0 20px; padding:0}
#ajaxSearch_form fieldset{float:left}
#searchClose{margin:8px 0 0 0}
*/
#ajaxSearch_input{width:160px; height:14px; font-size:0.8em; padding:3px 1px 2px; border:solid 1px #006baf}
/*
#ajaxSearch_submit{height:2em; background:#6F9303; border:none; text-transform:lowercase; font-size:0.9em; font-weight:700; color:#FFF}
*/
/*#ajaxSearch_output{font-size:90%; background-color:#EFEFEF; border:1px solid #6F9303; color:#000; position:absolute; top:40px; right:10px; width:400px; z-index:1; margin:0; padding:5px}
*/
.AS_ajax_result{color:#444; margin-bottom:3px}
.AS_ajax_resultLink{text-decoration:underline}
.AS_ajax_resultDescription, .ajaxSearch_resultDescription{color:#555; padding:2px}
.AS_ajax_resultsIntroFailure{padding:3px}
.AS_ajax_highlight1, .ajaxSearch_highlight1{color:#C00; font-weight:700; padding:0}
.AS_ajax_highlight2, .ajaxSearch_highlight2{color:#DF5380; font-weight:700; padding:0}
.AS_intro{display:none}
.ajaxSearch_paging { width: 100%; float: left; clear: both; margin-bottom: 1em; }
/***** Annuaire *****/
.annu_carte{width:455px; height:455px}
/***** Petites-annonces *****/
#pa_carte{ position: relative; float: left; padding-left: 10px; }
#pa_carte span{ display:none   }
#pa_carte ul{ color:white; }
#pa_carte li{position:relative}
#pa_carte ul a{ color:black !important; font-size:1.2em; font-weight:bold; text-decoration:none; }
#rp{ position: absolute; top:-280px; left:88px; float:left  }
#no{ position: absolute; top:-245px; left:40px  }
#ne{ position: absolute; top:-260px; left:130px   }
#so{ position: absolute; top:-210px; left:130px  }
#se{ position: absolute; top:-220px; left:60px  }
#dom{ position: absolute; top:-130px; left:90px  }
#upmenu{width:100%; float:left; margin-top:-6em; border-top:4px solid white}
/* Form Section */
#pa fieldset{border-style:none }
#pa legend{display:none }
#pa label{color:#222; display:block; font-size:95%; font-weight:700; float:left; padding:1em 0 1px; border-style:none}
.pa{background:#fff url(images/shadow.gif) repeat-x top; border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#333; font-size:90%; margin:0; padding:2px 0; width:99%}
#pa textarea{background:#fff url(images/shadow.gif) repeat-x top; border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#333; font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif; font-size:90%; margin:0; width:99%; height:20em}
#pa select{float:left; margin-top:0.8em; margin-left:5px}
#pa .button{float:left; margin-top:1em; margin-left:15em}
.TXNewsletters_form .button{_margin-top:-1em; *margin-top:-1em}
.erreur{color:red; margin-bottom:2em}
hr{color:#0077c3; background-color:#0077c3; height:2px}
.data{margin-bottom:2em}
.data th{background:#3e83c9; color:#fff; font-weight:bold; padding:2px 8px; text-align:left; border-right:1px solid #fff; line-height:1.2}
.data td{padding:6px 8px 6px 9px; border-bottom:1px solid #95bce2; vertical-align:top}
.data td *{padding:6px 8px}
.data tr.alt td{background:#ecf6fc}
.data tr.over td, tr:hover td{background:#bcd4ec}
.data a{text-align:left; margin:0; padding:0}
/*Formualire contact*/
#contact fieldset{margin-bottom:1em; padding:15px; border:solid 1px #d9d9d9}
#contact legend{color:#1867cd; font-weight:bold}
#contact{width:97%; float:left}
#contact textarea{width:97%}
.destinataire{display:none}
#contact select{float:left}
#contact .alerte{color:#906; background-color:#fef1b4; text-align:left; margin-left:250px}
#coordonnees label{width:200px; display:block}
#coordonnees input{float:left; width:220px; clear:left; margin-bottom:5px}
#profil label{width:60px; margin-right:20px}
/*slider focus */
#tabs, #tabs li { padding: 0 4px 0 0 !important; list-style: none; }
#tabs { text-align: center; padding: 4px 0; font: 90% Verdana, "Lucida Grande", Geneva, Helvetica, sans-serif; float: left; margin-top: 10px; margin-bottom: 10px; }
#tabs li { line-height: 2em; display: inline; margin: 0 0.1em; padding: 0; }
#tabs a { color: #444; text-decoration: none; background: url(images/tabright.png) no-repeat right top; padding: 4px 0; }
#tabs a span {
    padding: 4px 1em;
    background: url(images/tableft.png) no-repeat left top;}
#tabs a:hover {
    color: white;
    background-position: right -44px;}

#tabs a:hover span {
    background-position: left -44px;
}
* html #tabs a, * html #tabs a.active  {
   padding: 0;
}
*+ html #tabs a, *+ html #tabs a.active { padding: 0; }
#panes { background-color: #e2edf3; width: 490px; height: 250px; overflow: hidden; float: left; min-height: 250px; max-height: 250px; }
#panes p { padding: 20px; }
#slider_content h3{ color:#1861b7; font-size:1.6em; margin-top: 15px; margin-bottom: -10px !important; margin-left: 15px; }
#slider ul { width: 472px; }
#slider li { background-image: none !important; float:left; }
#slider .active a:link, #slider .active a:visited, #slider .active a:visited, #slider .active a:hover { background-position: right -22px; }
#slider .active a { color: white; }
#slider .active a span, #slider .active a:hover span{ background-position: left -22px; }