﻿/*****************
Global
*****************/
html{overflow:auto;margin:0;padding:0;}
body{font-family:Verdana,Trebuchet,Arial,Helvetica,sans-serif;font-size:11px;margin:0;padding:0;background-color:#c1c1c8;color:#414246;
scrollbar-face-color: #6A6B76; scrollbar-shadow-color: #6A6B76;scrollbar-highlight-color: #5E7AA3; scrollbar-3dlight-color: #6A6B76;scrollbar-darkshadow-color: #5E7AA3; scrollbar-track-color: #404246;
scrollbar-arrow-color: #7AB3FF;}
img, hr, input, form, fieldset{border:none;}
a{text-decoration:none;color:#6c96d0;}
a:hover{color:#fff;}
textarea{font-family:Verdana,Trebuchet,Arial,Helvetica,sans-serif;font-size:11px;}
h1,h2,h3,h4,h5,h6,p,ul,li,fieldset{margin:0;padding:0;border:0;font-weight:bold;}
p{color:#fff;font-weight:normal;font-size:10px;}
marquee {width:280px;}
/*****************
CONTENEUR
*****************/
#mconteneur
{
padding-bottom:136px;
position:relative;
width:100%;
}

#conteneur
{
width:980px;
margin:0 auto 0 auto;
background-color:#414246;
}

#header
{
height:72px;
width:auto;
}

#membre
{
width:auto;
clear:both;
}

#contenu
{
width:auto;
clear:both;
}

#catalogue
{
background-color:#fff;
width:auto;
clear:both;
}

#villes
{
clear:both;
width:auto;
padding:15px 0;
}

#footer
{
border-top:26px solid #c1c1c8;
position:absolute;
left:0;
bottom:0;
width:100%;
padding:15px 0;
background-color:#666;
}

#footer #referencement
{
position:relative;
height:80px;
width:700px;
overflow:auto;
margin:0 auto;
}

#footer #referencement p
{
color:#ccc;
font-size:9px;
}

/*****************
HEADER
*****************/
#header #logo
{
width:490px;
float:left;
height:72px;
}

#header #logo h1 a
{
width:auto;
display:block;
height:72px;
background:transparent url(../images/logo.gif) left top no-repeat;
/*border-right:1px solid #6c96d0;*/
}

* html #header #logo {width:486px;}
* html #header #logo h1 a {border-right:0;}
* html #header #pub_tr_swf {/*border-left:1px solid #6c96d0;*/}

#header #logo h1 a span{display:none;}

#header #pub_tr{height:72px;}

/*****************
MEMBRE
*****************/
#membre #titre
{
padding:4px 4px 4px 6px;
float:left;
width:150px;
font-weight:bold;
border-right:1px solid #6c96d0;
border-top:1px solid #6c96d0;
border-bottom:1px solid #6c96d0;
}

#membre #alphabet
{
padding:4px 4px 3px 4px;
margin:0;
border-top:1px solid #6c96d0;
border-bottom:1px solid #6c96d0;
color:#7bb3fe;
}

#membre #alphabet * {padding:0 0px;font-weight:normal;}
#membre #alphabet a:hover {color:#ff0080;}
#membre #alphabet li {
display:inline;
list-style-position:inside;
list-style:none;
padding:0;
}

/*****************
CONTENU
*****************/

/* ARCHIPRO */
#archipro a {display:block;padding:0;background:url(../images/archi_pro.jpg) left top no-repeat;width:293px;height:227px;border:1px solid #6c96d0;}
#archipro a span {display:none;}

#contenu #col_1,#contenu #col_2,#contenu #col_3{float:left;}

#contenu #col_1{width:376px;}
#contenu #col_2 {width:265px;}
#contenu #col_3 {width:317px;}

#col_1 #b1, #col_1 #b2, #col_1 #b3, #col_2 #c1, #col_2 #c2, #col_2 #c3, #col_3 #d1, #col_3 #d2 {margin:22px 0 0 22px;}

#col_1 #b1, #col_1 #b2, #col_1 #b3 {width:352px;}
#col_1 #b1, #col_1 #b2 {height:229px;}
#col_1 #b3 {height:136px;}

#col_2 #c1, #col_2 #c2, #col_2 #c3 {width:241px;}
#col_2 #c1 {height:229px;}
#col_2 #c2 {height:183px;}
#col_2 #c3 {height:182px;}

#col_3 #d1, #col_3 #d2 {width:295px;}
#col_3 #d1 {height:229px;}
#col_3 #d2 {height:387px;overflow:none;}

/* Blocks */
.cont_bl
{
position:relative;
width:auto;
height:100%;
border:1px solid #6c96d0;
}

.cont_bl .cont_title
{
height:22px;
background:transparent url(../images/cont_title.jpg) left top no-repeat;
}
.cont_bl select
{
color:#414246;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
}

.cont_bl h2
{
color:#fff;
font-size:11px;
text-transform:uppercase;
padding:3px 0 0 25px;
}

.cont_bl p
{
color:#fff;
font-size:11px;
padding:3px 7px 3px 7px;
}

.cont_bl p a {}

.cont_bl p.quest_fr	{padding:7px 7px 3px 7px;}
.cont_bl p.quest_fr a 	
{
font-weight:bold;
font-style:italic;
color:#fff;
}
.cont_bl p.quest_fr a:hover {color:#414246;}

.cont_bl p.actu a
{
font-style:normal;
color:#fff;
}
.cont_bl p.actu a span {color:#ccc;font-weight:normal;}

.cont_bl img.livre
{
padding:10px 0 0 0;
margin-right:3px;
width:110px;
height:103px;
float:left;
}

.cont_bl h3
{
padding-top:7px;
font-size:11px;
color:#fff;
}

.cont_bl p.livre {text-align:justify;}
.cont_bl p.livre a {color:#fff;} .cont_bl p.livre a:hover {color:#7bb3fe;}
#proj_ch
{
height:310px;
overflow:auto;
}
.cont_bl {position:relative;}
.cont_bl p.cherche_arch a{color:#ccc;}
.cont_bl p.cherche_arch ul, .cont_bl p.cherche_arch li, .cont_bl p.cherche_arch ul a, .cont_bl p.cherche_arch li a{color:#ccc;}
.cont_bl p.cherche_arch ul {padding-left:6px;}
.cont_bl ul, .cont_bl li {color:#ccc;}
.cont_bl p.cherche_arch a strong{color:#fff;}
.cont_bl p.cherche_arch a:hover{color:#cae822;}
.cont_bl p.cherche_arch a span.null {color:#cae822;}

.cont_bl p.soum_ao {color:#fff;}
.cont_bl p.soum_ao a {color:#fff;font-weight:bold;}
.cont_bl p.soum_ao a:hover {color:#7bb3fe;}

.cont_bl #laisser_ao, .cont_bl #form_laisser_ao {position:absolute;bottom:30px;left:5px;padding:0px;margin:0;}
.cont_bl #repondre_ao, .cont_bl #form_repondre_ao {position:absolute;bottom:8px;left:5px;padding:0px;margin:0;}
.cont_bl #form_repondre_ao, .cont_bl #form_laisser_ao {right:5px;}

/*****************
LISTE
*****************/
#liste_ancre 
{
width:700px;
height:70px;
margin:22px 0 0 73px;
background:transparent url(../images/liste_ancre.gif) left 6px no-repeat;
}

#liste_ancre #ul{margin:10px 0 0 102px;}
#liste_ancre ul {float:left;}
#liste_ancre ul li{width:145px;}

p.title {padding:0 0 0 100px;font-size:11px;}

#listing
{
margin:22px 0 0 0;
width:855px;
float:left;
}

#listing .title_ville 
{
margin-top:20px;
width:auto;
height:59px;
background: url(../images/title_ville.gif) left top no-repeat;
}

#listing .title_ville  p
{
margin:0 0 0 30px;
font-weight:bold;
color:#ccc;
font-size:12px;
}

#listing .title_ville  strong {font-size:25px;color:#7bb3fe;font-weight:normal;}

#listing .archi 
{
position:relative;
height:85px;
width:812px;
background:url(../images/archi_bg.gif) left top repeat-y;
margin:0 0 2px 22px;
}

#listing .archi a {color:#7bb3fe;}
#listing .archi a:hover, #liste_ancre a:hover {color:#d9c553;}

#listing .archi .avatar
{
width:70px;
height:70px;
}

#listing .archi a.avatar 
{
margin:8px 0 0 6px;
float:left;
}

#listing .archi p.desc
{
position:absolute;
top:10px;
left:90px;
width:387px;
margin:0;
}

#listing .archi p.inf 
{
width:150px;
position:absolute;
left:500px;
top:30px;
}

#listing .archi p.rea 
{
position:absolute;
left:660px;
top:15px;
}
#listing .archi p.rea a 
{
display:block;
width:155px;
height:50px;
background:url(../images/fiche_comp.gif) 5px bottom no-repeat;
font-size:9px;
color:#fff;
}

#listing .archi p a{font-size:11px;}

/* pub */
#contenu #pub {width:120px;float:left;}
#contenu #pub p {margin-bottom:15px;font-size:9px;}

/*****************
CATALOGUE
*****************/
#catalogue #cat_left, #catalogue #cat_right {margin:22px 0 0 22px;float:left;width:457px;}
* html #catalogue #cat_left{margin-left:11px;}

#catalogue #cat_left h3, #catalogue #cat_right h3
{
font-size:12px;
font-weight:bold;
color:#fff;
padding:4px 4px 4px 6px;
}

#catalogue #cat_left h3{background:transparent url(../images/cat_m.jpg) right top no-repeat;}
#catalogue #cat_right h3{background:transparent url(../images/cat_r.jpg) right top no-repeat;}

.cat_ann
{
position:relative;
margin-top:3px;
width:auto;
height:108px;
background:transparent url(../images/cat_ann_bg.gif) left -29px repeat-x;
}

.cat_ann a.voir_pr 
{
position:absolute;
right:18px;
bottom:7px;
width:139px;
height:21px;
}

#cat_left .cat_ann a.voir_pr {background:url(../images/cat_bt.gif) left top no-repeat;}
#cat_right .cat_ann a.voir_pr {background:url(../images/cat_bt2.gif) left top no-repeat;}

#cat_left .cat_ann a.voir_pr:hover, #cat_right .cat_ann a.voir_pr:hover {background-position:left -21px;}
.cat_ann a.voir_pr span {display:none;}

.cat_ann img.corner_br
{
border:0;
position:absolute;
right:0px;
bottom:0px;
}
* html .cat_ann img.corner_br {right:-1px;bottom:-1px;}

.cat_ann p
{
color:#ddd;
font-size:11px;
width:307px;
height:90px;
position:absolute;
left:143px;
top:22px;
}

.cat_ann h4 
{
color:#7bb3fe;
font-size:11px;
position:absolute;
left:143px;
top:7px;
}

/*****************
VILLES
*****************/
#villes p {text-align:center;font-size:9px;}
#villes p a {color:#6c96d0;}
#villes p a:hover {color:#fff;}

/*****************
GENERAL
*****************/
.left				{float:left;}
.right			{float:right;}
.bord				{color:#6c96d0;}
.bleu_clair		{color:#7bb3fe;}
.clear			{clear:both;height:0;margin:0;padding:0;line-height:0;border:none;}
.bg7e9772		{background-color:#7e9772;}
.bg5e8477		{background-color:#5e8477;}
.bg8f7297		{background-color:#8f7297;}



.f_menu li {
display:inline;
}
.f_menu li a {
font-weight:normal;
text-transform:capitalize;
font-size:10px;
margin-right:5px;
}






