@charset "utf-8";
/* CSS Document */
/*body {font-family: Arial, Helvetica, sans-serif; width:900px; padding: 0 40px 0 56px; margin:auto; background: #d6bead url(../images/page_fd.gif) center repeat-y;}
div#page {position:relative;}*/
body { font-family: Arial, Helvetica, sans-serif; margin: 0; padding:0; background: #d6bead url(../images/page_fd.gif) center repeat-y;}

div#page {position:relative; width: 900px; margin: auto; padding: 0 42px 45px 50px;}
div#content_home {position:relative; width: 900px; padding: 0; background: #fff ;}
div#content_rub {position:relative; width: 860px; padding: 0 0 0 40px; background: #fff ;}
div#content_projets {position:relative; width: 880px; padding: 0 0 0 20px; background: url(../images/rub2_7projets_content_fd.gif) 15px 65px no-repeat; /*.background: url(../images/rub2_7projets_content_fd.gif) 15px 65px no-repeat;*/}
div#left {
	position:relative;
	width: 575px;
	top: -1px;
}
div#right {position:relative; width: 205px; float: right; padding: 0 30px 0 0;}



/***********/
/*************** COMMON ****************/
/**********/
img {border: none;}
img.left {float: left; margin-right: 10px;}
img.right {float: right; margin-left: 10px;}


.bold {font-weight: bold;}
.italic {font-style:italic;}
.sup {font-size: 9px; vertical-align: top;}





/***********/
/*************** HEADER ****************/
/**********/
div#flash {z-index:0;}


div#header {position:absolute; top: 20px; left: 50px; z-index:100; width: 820px; background: #fff; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; padding: 10px 50px 10px 30px;}

div#header a.logos {display: block; float: left;}
div#header a.logos img {float: left; margin: 4px 15px 0 0;}

div#header #versions {position:relative; display: block; text-align: right; padding: 0 0 10px 0;}
div#header #versions img {margin-left: 15px;}

div#header ul {
 position:relative;
 float: right;
 z-index:1;
 display:block;
 width: 520px;
 list-style:none;
 margin:0;
 padding:0;
 text-align: right;
}
div#header ul li { display: inline; }
div#header ul li img {margin: 0 0 0 10px;}





/***********/
/*************** HOME NEWS ****************/
/**********/
div.news {width: 245px; float: left; margin: 0; padding: 30px 0 35px 40px; font-size: 11px;}
div#bloc2 { padding: 30px 0 35px 40px;}
div#bloc3 { padding: 30px 0 35px 40px; background: url(../images/home_fd_ombre.gif) 0% 0% repeat-y;}

div.news img {float: left; margin: 0 10px 0 0;}
div#content_home div.news h1, div.news h2 { margin: 0; padding: 0; font-weight: bold; color: #b3af11; font-size: 11px;}
div.news p, div.news p a {margin: 0; padding: 0; color: #2c413a; text-decoration: none;}
div.news p a:hover {text-decoration: underline;}
div.news a.suite {font-weight: bold; color: #2c413a;}
div.news a.suite:hover {text-decoration: none;}





/***********/
/*************** RUBRIQUE ****************/
/**********/
div#content_rub h1 {font-size: 24px; margin: 0 0 8px 0;}


/********** LEFT ***********/
div#left h2 {font-size: 18px; color: #9a992b; padding: 0 0 22px 0; margin: 0; background: url(../images/h2_fd.gif) 0% 100% no-repeat;}
div#left h3 {font-size: 12px; color: #553019; line-height: 18px; margin: 0; padding: 0;}
div#left p {color: #4c4c4c; font-size: 12px; line-height: 18px; margin: 0 0 20px 0; padding: 0;}
div#left p a, div#left ul li a {color: #b3af11;}
div#left p a:hover, div#left ul li a:hover {text-decoration: none;}
div#left p a.txt, div#left ul li a.txt {color: #4c4c4c;text-decoration: none;}
div#left p a.txt:hover, div#left ul li a.txt:hover {text-decoration: underline;}

div#left .chapeau { color: #553019; font-size: 14px; line-height: 18px; font-weight: bold; margin: 0 0 15px 0;}
div#left .source { color: #553019; font-size: 10px; font-weight: bold; margin: 0;}
div#left a.savoirplus {display: block; color: #b3af11; font-size: 12px; line-height: 18px; background: url(../images/puce_verte.gif) 0% 4px no-repeat; padding: 0 0 0px 15px; margin: 0 0 5px 0;}
div#left a.savoirplus:hover {text-decoration: none;}

div#left blockquote { color: #553019; font-size: 18px; font-style: italic; margin: 0 0 25px 0;}
div#left blockquote img.last {vertical-align: bottom; margin: 5px 0 0 0;}
div#left blockquote img.defirst {vertical-align: bottom; margin: 5px 2px 0 0;}

div#left ul {color: #4c4c4c; font-size: 12px; margin: 5px 0 20px 35px; padding: 0; zoom:1;}
div#left ul li {list-style: none; background: url(../images/puce_verte.gif) 0% 4px no-repeat; padding: 0 0 5px 15px; margin: 0;}

div#left .date {display: block; font-size: 11px; color: #7e6d62;}


div#left form {margin: 0; padding: 0;}
div#left form label {
 clear:left;
 color:#3D3B37;
 float:left;
 font-size:12px;
 margin:0 0 5px;
 padding:4px 5px 2px 15px;
 width:120px;
}
div#left form input, div#left form textarea {
 border: none;
 color:#553019;
 font-size:12px;
 margin:0 0 5px;
 padding:6px 5px 0 10px;
 width:315px; 
}
div#left form input {background: url(../images/rub4_contact_input_fd.gif) 0% 0% no-repeat; height: 30px;}
div#left form input.bt {background: url(../images/rub4_contact_inputbt_fd.gif) 0% 0% no-repeat; width:175px; height:50px; display: block; margin: 15px auto; cursor: pointer;}
div#left form input.bten {background: url(../images/rub4_contact_inputbt_fd_uk.gif) 0% 0% no-repeat; width:175px; height:50px; display: block; margin: 15px auto; cursor: pointer;}
div#left form textarea {background: url(../images/rub4_contact_textarea_fd.gif) 0% 0% no-repeat; height:160px;}



/* 7 PROJETS : ONGLETS */

/* primary_content - les onglets de l'home - communication multicanal */
div.navonglet {margin: 0 0 0 2px; padding: 15px 0 0 0;}
div#intro_7projets { width: 580px; margin: 0; padding: 40px 30px 30px 20px; background: url(../images/rub2_7projets_intro_fd.gif) 0% 0% no-repeat;}
div#intro_7projets h3 {color:#553019; font-size: 14px; margin: 0 0 8px 0;}
div#intro_7projets h3 a {color:#553019; text-decoration: none;}
div#intro_7projets h3 a:hover {color:#9a992b;}
div#intro_7projets p a {color:#553019; text-decoration: none;}
div#intro_7projets p a:hover {text-decoration:underline;}
div#intro_7projets ul {margin: 0 0 20px 15px; padding: 0;}
div#intro_7projets img.visuel {float: right; margin: -35px 30px 0 0; clear: right;}

div#content_projets ul.onglets { width: 630px; margin: 0; padding: 6px 0 30px 0; background: url(../images/rub2_7projets_ul_onglet_fd.gif) 100% 100% no-repeat;}
div#content_projets ul.onglets li { display: inline; list-style: none; padding: 5px 25px 30px 25px; margin: 0;}
div#content_projets ul.onglets li a {font-size: 11px; color: #c6c145; text-decoration: none; font-weight: bold;}
div#content_projets ul.onglets li a:hover {color: #553019;}


div#content_projets ul.onglets li {background: none;}
div#content_projets ul.onglets li.on { background: url(../images/rub2_7projets_onglet1_on.gif) 0% 0% no-repeat; color: #553019;}
div#content_projets ul.onglets li.on a {color: #553019;}

div.bloc_onglets { width: 575px; margin: 0 0 0 20px;}
div#content_projets h2 { color: #0c8da4; font-size: 24px; font-weight: normal; background: none;}
div#content_projets h3 {}


div.content_right { float: right; width: 240px; background: url(../images/rub2_7projets_content_right_fd.gif) 0% 100% no-repeat; margin: 0 0 0 20px;}

div.diapo { background: url(../images/rub2_7projets_diapo_fd.gif) 0% 0% no-repeat; padding: 40px 25px 20px 45px; float: left;}
div.diapo_galerie { background: url(../images/rub2_7projets_diapo_galerie_fd.gif) 0% 0% no-repeat; padding: 15px 15px 0px 15px; float: left; height:250px;}
div.diapo a.la_diapo, div.diapo_galerie a.la_diapo {display: block; overflow: hidden; width: 170px; height: 170px;}
div#content_photo div.diapo, div#content_photo div.diapo_galerie { margin: 0 45px 30px 30px;}
div.diapo a.la_diapo img, div.diapo_galerie a.la_diapo img {width: 300px;border: none;}
div.diapo .legende, div.diapo_galerie .legende {display: block; width: 170px; color: #7e6d62; font-size: 10px; line-height: 10px; margin: 10px 0 6px 0; padding: 0;}
div.diapo a, div.diapo_galerie a {color: #2998aa; font-size: 11px; font-weight: bold; margin: 0; padding: 0;}
div.diapo a:hover, div.diapo_galerie a:hover {text-decoration: none;}

div.content_right h4 { padding: 15px 0 0 0; margin: 0 0 0 45px; font-size: 18px; color: #6e2814; clear:left;}
div.content_right h5 { color: #d1213e; font-size: 11px; font-weight: bold; margin: 0 0 0 45px; padding: 0;}
div.content_right .date {display: block; color: #403832; font-size: 11px; font-weight: bold; margin: 0 0 0 45px; padding: 0;}
div.content_right .news a {display: block; color: #403832; font-size: 11px; margin: 0 0 0 45px; padding: 0; text-decoration: none;}
div.content_right .news a:hover {text-decoration: underline;}
div#content_projets ul.etat { color: #0c8da4; font-weight: bold; font-size: 11px; margin: 5px 0 0 45px; padding: 0; list-style: none;}
div#content_projets ul.etat li {background: none; line-height: 12px; margin: 0 0 8px 0; padding: 0;}

div.content_right img.localisation { margin: 10px 0 0 30px;}



div#content_temoignages h3 { color:#9a992b; font-size: 14px;}
div#content_temoignages blockquote { color: #553019; font-size: 12px; font-style: italic; margin: 0;}
div#content_temoignages blockquote img.last {vertical-align: bottom; margin: 5px 0 0 0;}
div#content_temoignages p.auteur { color:#7f3d22; font-size: 11px; text-align: right; margin: 5px 0 20px 0; padding: 0;}

div#content_temoignages div.diapo { background: url(../images/rub2_7projets_temoin_photo_fd.gif) 0% 0% no-repeat; padding: 12px 8px 10px 12px; margin: 0 15px 0 0; float: left; clear: left;}
div#content_temoignages div.diapo .la_diapo {display: block; overflow: hidden; width: 50px; height: 50px;}
div#content_temoignages div.diapo .legende {display: block; width: 170px; color: #7e6d62; font-size: 10px; line-height: 10px; margin: 10px 0 8px 0; padding: 0;}





/********** RIGHT ***********/
div#right h2 { background: url(../images/right_title_fd.gif) 0% 0% no-repeat; padding: 15px 0 18px 15px; margin: 0; font-size: 12px; font-weight: bold; color: #553019;}
div#right h2 a {color: #553019; text-decoration: none;}
div#right h2 a:hover {color: #B3AF11;}
/*div#right ul {font-size: 11px; margin: 5px 0 20px 10px; padding: 0;}
div#right ul li {margin: 0 0 2px 0; padding: 0; list-style: none;}
div#right ul li a { color: #553019; text-decoration: none;}
div#right ul li a:hover { color: #b3af11;}
div#right ul li.on a { color: #b3af11; text-decoration: none; font-weight: bold;}*/


div#right h3 {border-bottom: 1px solid #ddd6d1; color: #553019; font-size: 14px; padding: 0 0 5px 0; margin: 0;}
div#right ul.menu_n2 {font-size: 11px; margin: 0 0 20px 0; padding: 0; zoom:1;}
div#right ul.menu_n2 li {margin: 0 0 2px 0; padding: 0 0 2px 10px; list-style: none; border-bottom: 1px solid #ddd6d1; background: url(../images/puce_grise.gif) 0% 8px no-repeat;}
div#right ul.menu_n2 li a { color: #553019; text-decoration: none;}
div#right ul.menu_n2 li a:hover { color: #b3af11;}
div#right ul.menu_n2 li.on a { color: #b3af11; text-decoration: none; font-weight: bold;}






/***********/
/*************** FOOTER ****************/
/**********/
div#footer {background: #8a6e59 url(../images/footer_fd.gif) 0% 0% repeat-y; padding: 20px 40px 15px 40px;}


div#footer ul {text-align: center; list-style: none; font-size: 11px; color: #fff; margin: 0; padding: 0;}
div#footer ul li {display: inline; margin: 0 10px 0 0; }
div#footer ul li a {padding: 0 10px 0 0;color: #fff; text-decoration: none;}
div#footer ul li a:hover {text-decoration: underline;}
div#footer p { color: #45372c; font-size: 11px; margin: 5px 0 0 0; padding: 0; text-align: center;}
div#footer p a {text-decoration: none; color: #45372c;}
div#footer p a:hover {color: #fff;}