/*
Communeouverte.com par Site City
http://www.communeouverte.comm
*/
*
{
padding: 0px;
margin: 0px;
}

body
{
padding: 0px;
margin: 0px;
background: #F9F9F7 url('../media/back.gif') repeat-x;
font-size: 11px;
font-family: Tahoma, Sans-serif;
color: #8C8C73;
line-height: 18px;
}

#outer
{
position: relative;
width: 747px;
margin: 0 auto;
background: #fff url('../media/ombre.gif') repeat-y;
}

#ombre
{
position: absolute;
top: 0px;
left: 0px;
background: #fff url('../media/bord.gif') no-repeat;
width: 747px;
height: 264px;
z-index: 1;
}

#inner
{
position: relative;
padding: 13px 30px 13px 30px;
z-index: 2;
}

#header1
{
position: absolute;
background: #FF7800 url('../media/header1.gif') no-repeat;
width: 228px;
height: 92px;
color: #fff;
padding-left: 20px;
}
#header2
{
position: absolute;
right: 30px;
background: #EAEAE2 url('../media/header2.gif') no-repeat;
width: 459px;
height: 92px;
}

#menu
{
position: relative;
background: url('../media/menu.gif') no-repeat;
height: 52px;
margin: 97px 0px 0px 0px;
}
#menu ul li
{
display: inline;
line-height: 52px;
padding-left: 15px;
}
#menu ul li.first
{
border-left: 0px;
padding-left: 10px;
}
#menu ul li a
{
padding: 8px 8px 8px 8px;
font-size: 12px;
color: #fff;
font-weight: bold;
}
#menu ul li a:hover
{
background: #fff;
color: #4A4A24;
text-decoration: none;
}
#contact
{
position: absolute;
top: 0px;
line-height: 52px;
right: 10px;
}
#contact a
{
padding: 8px 8px 8px 8px;
font-size: 12px;
color: #fff;
font-weight: bold;
}
#contact a:hover
{
background: #fff;
color: #4A4A24;
text-decoration: none;
}
a
{
color: #FF7800;
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
p
{
margin-bottom: 10px;
text-align: justify;
}

#cadregauche
{
position: relative;
width: 480px;
float: left;
}
#cadregauche .block
{
margin-bottom: 0px;
}
#cadregauche .blockpub
{
margin-bottom: 0px;
padding: 10px 0px 1px 0px;
background: #ebf1d8;
}
#cadregauche .titre
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
background: url('../media/barre.gif') bottom repeat-x;
padding: 0px 0px 0px 10px;
margin-bottom: 5px;
}
#cadregauche .texte
{
padding: 0px 10px 0px 10px;
margin-bottom: 0px;
}
#cadregauche .solutions
{
position: relative;
margin-bottom: 0px;
margin-right:10px;
margin-left:10px;
}
#cadregauche .d1
{
position:absolute;
left:100px;
top:10px;
}
#cadregauche .d2
{
position:absolute;
top:10px;
left:253px;
}
#cadregauche .d3
{
position:absolute;
top:10px;
left:406px;
}
#cadredroite
{
position: relative;
width: 180px;
float: right;
}
#cadredroite .client
{
position: relative;
top: 4px;
padding: 4px 0px 0px 0px;
}
#cadredroite .clienttitre
{
position: absolute;
right:0px;
top: 0px;
width:162px;
font-size: 18px;
line-height: 25px;
color: #656551;
background: url('../media/barre.gif') bottom repeat-x;
padding: 0px 0px 0px 0px;
margin-bottom: 5px;
}
#cadredroite .promo
{
position: relative;
top: 4px;
padding: 10px 0px 0px 0px;
}
#cadredroite .promotitre
{
position: absolute;
right:0px;
top: 0px;
width:159px;
font-size: 18px;
line-height: 25px;
color: #656551;
background: url('../media/barre.gif') bottom repeat-x;
}

#cadredroite .texte
{
padding: 0px 10px 0px 21px;
margin-bottom: 10px;
}
#cadredroite .input
{
background: #a3be4c;
color: #FFFFFF;
padding: 0px 0px 0px 5px;
align:center;
bottom-margin:10px;
}
#valider
{
padding: 10px 0px 0px 0px;
text-align:center;
}
#footer
{
position: relative;
clear: both;
height: 26px;
text-align: center;
line-height: 26px;
color: #A8A88D;
}
#footer a
{
color: #8C8C73;
}
#cadre
{
position: relative;
width: 687px;
}
#solucegauche
{
position: relative;
width: 330px;
float: left;
}
#solucedroite
{
position: relative;
width: 330px;
float: right;
}
#cadre .block, #solucegauche .block, #solucedroite .block
{
margin-bottom: 10px;
}
#cadre .blockpub, #solucegauche .blockpub, #solucedroite .blockpub
{
margin-bottom: 0px;
padding: 10px 0px 1px 0px;
background: #ebf1d8;
}
#cadre .titre, #solucegauche .titre, #solucedroite .titre
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
background: url('../media/barre.gif') bottom repeat-x;
padding: 0px 0px 0px 10px;
margin-bottom: 5px;
}
#cadre .titre .date
{
position: absolute;
top: 0px;
right:10px;
font-size: 12px;
font-weight: 700;
}
#cadre .texte, #solucegauche .texte, #solucedroite .texte
{
padding: 0px 10px 0px 10px;
}
#siege
{
position: relative;
width:310px;
height:86px;
padding: 10px 10px 10px 10px;
background: #FF7800;
}
#com
{
float: left;
position: relative;
width:310px;
height:86px;
padding: 10px 10px 10px 10px;
background: #FF7800;
}
#com .boite2, #projet .boite2, #siege .boite2
{
position: absolute;
width:160px;
height:80px;
right:10px;
padding: 6px 10px 0px 10px;
background: #F59E3F;
vertical-align: middle;
color: #FFFFFF;
text-align:left;
}
#siege .boite2 a, #com .boite2 a, #projet .boite2 a
{
color: #FFFFFF;
}
#projet
{
float: right;
position: relative;
width:310px;
height:86px;
padding: 10px 10px 10px 10px;
background: #FF7800;
}
#comtexte
{
float: left;
position: relative;
width:310px;
padding: 10px 10px 0px 10px;
}
#projettexte
{
float: right;
position: relative;
width:310px;
padding: 10px 10px 0px 10px;
}
#form1
{
float: left;
position: relative;
width:250px;
padding: 10px 0px 10px 0px;
text-align:right;
}
#form2
{
float: left;
position: relative;
text-align:right;
width:220px;
padding: 10px 10px 10px 10px;
}
.send
{
border: 1px solid;
background-color: #a3be4c;
border-color:#FF7800;
font-size: 11px;
font-family: Tahoma, Sans-serif;
color: #FFFFFF;
font-weight: 900;
height:20px;
width:69px;
cursor:pointer;
}
.tarif{
border-top: 1px solid #FF7800;
width:100%;
text-align:center;
font-weight: 700;
color: #FF7800;
margin-bottom:10px;
}
.exemple{
border-bottom: 1px solid #FF7800;
width:100%;
text-align:center;
font-weight: 700;
color: #FF7800;
margin-bottom:10px;
}