@charset "utf-8";
/* CSS Document */
@import 'spip_formulaires.css';
@import 'reset.css';
@import 'custom.css';

/*****************/
/***************** PROVISOIRE / MAQUETTE *****************/
/*****************/
/*div#page {background-color:#dcdcdc;}*/
/*div#header {background-color:#cecece;}*/
/*div#header div#logo {background-color:#dbdbdb}*/
/*div#left {background-color:#f4f4f4;}*/
/*div#right {background-color:#898989;}*/
/*div#content_home, div#content_rub {background-color:#d1d1d1;}*/
/*div#footer {background-color:#cccccc;}*/
/*a.on {color: #ff850a;}*/
/*****************/
div.spip-admin-float {visibility:hidden}

body {margin: 0; overflow:hidden; overflow-x: hidden; overflow-y: auto; overflow : -moz-scrollbars-vertical;font-size:0.68em;font-family: Arial, Verdana, sans-serif;color:#696969;background: url('../images/body_bg.jpg') no-repeat top center}

div#interface {width:960px;padding:0 12px;margin:86px auto 24px auto;}
div#page {overflow:hidden;width:960px;min-height:320px;}
div#left {width:204px;margin:0 12px 0 0;padding:0;float:left;}
div#right {width:744px;margin:0;/*margin-left: 188px;width: 715px;*/float:left;overflow:hidden;}
div#content_rub {/*overflow:hidden;*/clear:both;}
#rub3 div#content_rub, #rub4 div#content_rub {overflow:hidden;clear:both;width:752px}
div#footer {height:30px;padding-top:20px;margin-top: 24px; background: url('../images/bg_footer.png') no-repeat; clear:left;}
#rub1 div#footer {background: url('../images/bg_footer_home.png') no-repeat; clear:left;}	

/*** header ***/
div#header {height:72px;}
div#hierarchie {height:27px;padding-top:45px}
#rub1 div#hierarchie {float:left;padding-top:57px;height:22px}
div.rubriques2 {margin-top:20px}
/*******accueil**********/
body#rub1 {background:none}
#rub1 div#interface {width:888px;margin:40px auto 24px auto;}
#rub1 div#page {width:888px}
#rub1 div#header {float:left;}
#rub1 div#header div#logo {width:253px}
#rub1 div#left {width:100%;margin:0 12px 0 0;padding:0;float:none;}
#rub1 div#right {width:100%;margin:0;float:none;overflow:hidden;}
#rub1 div.pagination {width:72px;margin-right:12px;float:left;padding-top:100px}
div.pagination {color:#FFF;height:20px}
div.pagination a.lien_pagination span.precedent {display:block;float:left;margin:0px 10px 0 0;width:19px;height:20px;background: url('../images/page_precedente.png') no-repeat}
div.pagination a.lien_pagination span.suivant {display:block;float:left;width:19px;height:20px;background: url('../images/page_suivante.png') no-repeat}
div.pagination a.lien_pagination:hover span.suivant, div.pagination a.lien_pagination:hover span.precedent {background-position:0 -20px}
div.pagination a.lien_pagination:active span.suivant, div.pagination a.lien_pagination:active span.precedent {background-position:0 -20px}
#rub1 div#content_rub div.texte {float:left;width:204px}
#rub1 div#content_rub div.texte h2 {font-size:17px;margin-bottom:16px}
#rub1 div#content_rub div.texte a {text-decoration:none}
#rub1 div#content_rub div.portfolio_galerie {margin-top:24px}
#rub1 div#content_rub div.portfolio_galerie div.vignette {background: url('../images/vignette_bg_home.gif') repeat-y;width:287px;height:209px}
#rub1 .col1 {width:185px;text-transform:uppercase;padding-left:40px;color:#000;text-align:right;line-height:17px;margin-right:15px;float:left}
#rub1 .col2 {width:210px;margin-right:18px;float:left}
#rub1 .col3 {width:182px;margin-right:12px;float:left;background-color:#f0f0f0;border:1px solid #c5c5c5}
#rub1 div.titre {background-color:#000000;color:#FFFFFF;padding:4px 10px 2px 10px}
#rub1 div.login {padding:5px 10px 0 10px;}
#rub1 h2 {font-size:17px;color:#000;text-transform:none;margin-bottom:12px}

/*****************/
/***************** FOOTER *****************/
/*****************/
div#footer ul {float: left; margin: 0 30px 0 0; padding: 0 0 10px 30px; list-style: none;}
div#footer ul li {float: left; margin: 0; padding: 0 5px 0 0;}

div#footer p {}
div#footer p a {text-decoration: none;}
div#footer p a:hover {}
/********erw*********/
#footer div#col1, #footer div#col2, #footer div#col3 {float:left}

#footer div#col1 {width:384px;margin-right:12px;}
#footer div#col2 {width:456px;margin-right:12px;}
#footer div#col3 {width:96px;text-align:right;}
#rub1 #footer div#col2 {width:384px}

/*****************/
/***************** LEFT *****************/
div#left div.logo {margin:5px 0}
/*****************/

/*** MENU ***/
/*div.menu {padding: 0 0 20px 0;margin:50px 0 0 0;}*/

/********erw*********/
#rub1 ul#menu {}
#rub1 ul#menu ul {list-style:circle;background-color:#333399;}
#rub1 ul#menu li {display:block;float:left;margin:0 6px 0 0;background-color:none;font-weight:normal;color:#000000}
#rub1 ul#menu a {display:inline;padding:0;background:none;text-transform:uppercase;color:#965e2b;}
#rub1 ul#menu a:hover {display:inline;padding:0;background:none;text-transform:uppercase;color:#3c322a;}

ul#menu, ul#menu ul {list-style-type:none;text-transform:uppercase;margin:0;padding:0;font-weight:bold;}
ul#menu li {display: block;margin: 0 0 1px 0;color:#FFF;}
ul#menu a {_height: 0.0000001%/*!!! Pour IE6*/;margin:0;background-image:url('../images/menus/fond_menu01.png');color: #FFF;}
div.rubriques2 ul#menu a {background-image:url('../images/menus/fond_menu03.png')}
ul#menu a:hover {background-color: #717171;}
ul#menu ul li a {padding-left:12px;background-image:url('../images/menus/fond_menu02.png');text-transform:none;margin:0}
ul#menu a.on, div.rubriques2 ul#menu a.on {background-color:#FFF;background-image:none;color:#000}
ul#menu a, ul#menu ul li a {padding:3px 3px 1px 3px;display: block;vertical-align:middle;text-decoration: none;}
ul#menu ul li a.on, div.rubriques2 ul#menu ul li a.on {background-color:#795431;background-image:none;color:#FFF}



/*div#menu {padding:0;float:left;}*/
/*div.menu ul {list-style:none;padding:0;margin:0}
div.menu li.rub_n1 { font-size: 12px; color: #fff; display:block;}
div.menu li.rub_n1 a {color: #fff; text-decoration: none;display: block}

div.menu2 ul.niveau1, div#menu2 ul.niveau2 { margin: 0 0 3px 0; padding: 0; list-style: none;}*/
/*div ul.menu2 { padding-left: 20px;margin-bottom:5px}*/
/*
div.menu2 ul.niveau1 li.rub_n1  {font-size: 12px;line-height:20px;}
div.menu2 ul.niveau2 li.rub_n1  {font-size: 12px;line-height:15px;}
div.menu2 ul.niveau1 li.rub_n1 a, div.menu2 ul.niveau2 li.rub_n1 a,  {display: block;_height: 18px; text-decoration: none; padding: 0; margin: 0;}
div.menu2 ul.niveau1 li.rub_n1 a:hover, div.menu2 ul.niveau2 li.rub_n1 a:hover {color: #666;}*/




.loader {  
     background:url('../images/	loading.gif') no-repeat center;  
} 




/*****************/
/***************** RIGHT *****************/
/*****************/





/*** common ***/
p {margin: 0; padding: 0;}


.more { display: block; width: 110px; background: url('../images/content_read_more_fd_right.gif') 100% 0% no-repeat; margin: 0 0 10px 0px; padding: 8px 15px 10px 0;}
.more a { color: #638c26; font-weight: bold; /*font-size: 12px; */text-decoration: none; background: url('../images/content_read_more_fd_left.gif') 0% 0% no-repeat; padding: 8px 0 5px 25px;}
.more a img {border: none; vertical-align: middle;}
.more a:hover { color: #4f6f1e;}



/*** Content home ***/
/*div#content_home { padding: 0 0 100px 0;}

div#content_home h1 {font-family:GillSans,Arial,Helvetica,sans-serif; color:#54545B; font-size:22px; font-weight:normal; text-transform:uppercase; margin: 15px 0 5px 0;}
div#content_home h3 {font-size:14px;}
div#content_home h2 {font-size: 16px; color: #54545b; font-weight: normal; margin: 0 0 15px 0; width: 450px;}
div#content_home img {margin: 30px 0 0 0;}*/

/*******erw**********/
div#left h1 {font-size:14px;}
div#left div div.chapo p, p.chapo { /*font-size: 11px;*/ font-weight: bold; color: #54545b;margin-bottom:5px}
div#left div p {color: #57544b; /*font-size: 12px;*/ margin:  0 0 15px 0;margin-top:5px}



/*** Content rubrique ***/
div#content_rub h1 {font-size:13px;font-weight:bold;text-transform:uppercase;margin:0 0 8px 0;}

#rub2 div#content_rub h1, #rub5 div#content_rub h1, #rub6 div#content_rub h1, #rub7 div#content_rub h1 {font-size:18px;font-weight:normal;text-transform:none;}

div#content_rub div.chapo p { font-size: 11px; font-weight: bold; line-height:15px}
div#content_rub h3 {font-family:GillSans,Arial,Helvetica,sans-serif;color: #638c26; font-size: 18px; font-weight: bold; margin: 35px 0 5px 0; padding: 0;}
div#content_rub p.spip {color: #57544b; font-size: 12px; margin:  0 0 15px 0;}
div#content_rub p {margin:  0 0 15px 0;}
div#content_rub p.spip a {color: #734e2b;}
div#content_rub p.spip a:hover { text-decoration: none;}
div#content_rub a, a.spip_out, a.spip_in {color: #734e2b;}
div#content_rub a:hover, a.spip_out:hover, a.spip_in:hover { color: #666;text-decoration: none;}

div#content_rub p.spip img {padding: 2px; border: 1px solid #e0e6c6;}
div#content_rub p.spip img.left {float: left; margin: 0 10px 5px 0;}

div#content_rub p.spip img.right {float: right; margin: 0 0 5px 10px;}

div#content_rub table {border-spacing: none; border-collapse: collapse; margin: auto; margin-bottom: 20px;}
div#content_rub table thead tr { background:#a6a294;}
div#content_rub table thead tr th {padding: 5px 8px 5px 8px; color: #fff; font-size: 12px; font-weight: bold; text-align: left; border-right: 1px solid #fff;}
div#content_rub table tbody tr.row_even { background: #f9f6ed;}
div#content_rub table tbody tr.row_odd { background: #f3ecda;}
div#content_rub table tbody tr td { font-size: 11px; color: #734e2b; padding: 5px 5px 3px 10px;}
div#content_rub table tbody tr td a {color: #734e2b;}
div#content_rub table tbody tr td a:hover {color: #666;text-decoration: none;}


/*** Erw ***/
/*div#content_left {width:180px;margin-right:12px;float:left;}*/
div#content_col1, div#content_col2, div#content_col3 {float:left;}

#rub3 div#content_col1, #rub4 div#content_col1 {margin:0 3px 0 0;}
#rub3 div.portfolio_fiche div#content_col1 a img, #rub4 div.portfolio_fiche div#content_col1 a img, #rub3 div.portfolio_fiche div.vignettePetite a img, #rub4 div.portfolio_fiche div.vignettePetite a img {display:block;border:1px solid #CCCCCC}
#rub4 div.portfolio_fiche div#content_col1 a img {width:412px;height:274px;}
#rub3 div.portfolio_fiche div#content_col1 a:hover img, #rub4 div#content_rub div.portfolio_fiche div#content_col1 a:hover img {border:1px solid #999999}
#rub3 div#content_col2, #rub4 div#content_col2  {width:134px;margin:0 10px 0 0;}
#rub3 div#content_col3, #rub4 div#content_col3 {width:148px;}

/*#rub3 .pagination {margin:0 0 10px 0}*/
/*#rub3 .pagination a.lien_pagination div.precedent {display:block;float:left;position:relative;left:600px;margin-right:10px;width:19px;height:20px;background: url('../images/page_precedente.png') no-repeat}
#rub3 .pagination a.lien_pagination div.suivant {display:block;float:left;position:relative;left:600px;width:19px;height:20px;background: url('../images/page_suivante.png') no-repeat}*/


#rub2 div#content_col1, #rub5 div#content_col1, #rub6 div#content_col1, #rub7 div#content_col1 {width:134px;margin:0 3px 0 0;}
#rub2 div#content_col2, #rub5 div#content_col2, #rub6 div#content_col2, #rub7 div#content_col2  {width:412px;margin:0 10px 0 0;}
#rub2 div#content_col3, #rub5 div#content_col3, #rub6 div#content_col3, #rub7 div#content_col3 {width:148px;}

div#content_col3.listing  {width:528px;float:none;}
div.documents_joints {font-size:12px;padding-bottom:12px;clear:both}
div.documents_joints h2 {font-size:12px;font-weight:bold}
div#content_col3.listing small {font-size:11px}
div#content_col3.listing p.date {margin-bottom:5px;padding-top:5px}

div#content_rub div.portfolio_fiche {background-color:#FFFFFF;width:710px;padding:12px;border:1px solid #CCCCCC}
div#content_rub div.portfolio_galerie .vignettes div {float:left;}
div#content_rub div.portfolio_galerie div.vignette {width:240px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;float:left;background: url('../images/vignette_bg_rub.gif') repeat-y;margin-bottom:12px;}
div#content_rub div.portfolio_fiche div.vignettePetite {width:132px;height:88px;margin-bottom:5px}
.marginR {margin-right:12px}
div#content_rub div.portfolio_galerie a img, div#content_rub div.portfolio_fiche a img {border:1px solid #CCCCCC}
div#content_rub div.portfolio_galerie a:hover img, div#content_rub div.portfolio_fiche a:hover img {border:1px solid #999999;}
div#content_rub div.portfolio_galerie div.legende {width:230px;color:#727272;clear:both;margin:2px 0 3px 0;padding:0 4px;text-transform:uppercase}
div#content_rub div.portfolio_galerie div.legende p {font-size:11px;margin:0;padding:3px 0 0 13px;background: url('../images/custom1/puce_rond_fleche.png') no-repeat 0 5px;}
div#content_rub div.portfolio_galerie hr {clear:both}
div.portfolio_galerie div.col1, div.portfolio_galerie div.col2 {float:left}
div.portfolio_galerie div.col1 {padding:5px 24px 0 0}
div.portfolio_galerie div.col2 {text-align:center;width:372px}
/*** Erw ***/


/*div.definition {background: #f7f5f1; border: 1px solid #ebe7dc; padding: 12px 15px 10px 15px; margin: 25px 0 15px 0; color: #57544b;}
div.definition h4 {font-size: 14px; font-family: GillSans,Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 5px 0; padding: 0;}
div.definition p {color: #57544b; font-size: 12px; margin:  0 0 5px 0;}
div.definition p.source {font-size: 11px;  text-align: right;}
div.definition p.source .bg {background: #e6dfcc; display: inline; padding: 5px 10px 5px 10px;}
div.definition div.source {font-size: 11px;  text-align: right;}
div.definition div.source .bg {background: #e6dfcc; display: inline; padding: 5px 10px 5px 10px;}*/

.note { color: #898781; font-size: 10px; margin: 30px 0 15px 0;}
.nettoyeur {clear:both}
div.pagin {margin:0;background-color:#FF9900;}
.bold {font-weight:bold}
.mt5 {margin-top:5px}