/* Styles généraux */

* {
	margin : 0 ;
	padding : 0 ;
}


body {
	text-align: center ;
	font-size: 11px ;
	font-weight : normal ;
	font-family : Arial, Verdana ;
	background-color : #fff ;
	background-image : url(img/background.jpg);
	background-position : top ;
	background-repeat : repeat-x ;
	color : #000;
} 

ul {
	margin-left : 15px ;
	margin-bottom : 15px ;
}

ul li a {
	color : #0D86B2 ;
}

ul li a:hover {
	color : #43A9CE ;
}

/* Styles des conteneurs */

#wrapper {
	width : 980px ;
	margin: 0 auto ;
	text-align: left ; 
	margin-top : 0 ;
	position : relative ;
}

#portail_wrapper {
	position : relative ;
	width : 780px ;
	bottom : 30px ;
}

/* Styles du header */ 

#header {
	width : 980px ;
	height : 332px ;
	background-image : url(img/header.jpg);
}

#menu_header {
	text-align : right ;
}

#menu_header p {
	color : #fff ;
	padding-top : 10px ;
	padding-bottom : 15px ;
}

#menu_header p a{
	color : #fff ;
	padding-left : 10px ;
	padding-right : 10px ;
	text-decoration : none ;
}

#menu_header p a:hover{
	text-decoration : underline ;
}

#logo_site {
	position : absolute ;
	top : 0 ;
	margin-left : 20px ;
}

/* Styles du portail */

#portail {
	width : 780px ;
	margin-left:100px ;
	position : absolute ;
	top : 0px ;
}

#portail_left, #portail_right, #portail_center {
	background-image : url(img/portail_background.jpg);
	background-repeat : no-repeat ;
	width : 236px ;
	height : 158px ;
	text-align : center ;
}

#portail_services_left, #portail_services_right, #portail_services_center {
	background-image : url(img/portail_services_background.jpg);
	background-repeat : no-repeat ;
	width : 237px ;
	height : 311px ;
	text-align : center ;
}

#portail_left, #portail_services_left {
	float : left ;
	width : 240px ;
}

#portail_left h1, #portail_services_left h1{
	font-size : 14px ;
	color : #0d86b2 ;
	padding-top : 15px ;
	padding-bottom : 10px ;
}

#portail_left h1 a, #portail_services_left h1 a{
	color : #0d86b2 ;
	text-decoration : none ;
}

#portail_left h1 a:hover, #portail_services_left h1 a:hover{
	color : #0d86b2 ;
	text-decoration : underline ;
}

#portail_center, #portail_services_center {
	float : left ;
	width : 240px ;
	margin-left : 30px ;
}

#portail_center h1, #portail_services_center h1{
	font-size : 14px ;
	color : #e2007a ;
	padding-top : 15px ;
	padding-bottom : 10px ;
}

#portail_center h1 a, #portail_services_center h1 a{
	color : #e2007a ;
	text-decoration : none ;
}

#portail_center h1 a:hover, #portail_services_center h1 a:hover{
	color : #e2007a ;
	text-decoration : underline ;
}

#portail_right, #portail_services_right {
	float : right ;
	width : 240px ;
}

#portail_right h1, #portail_services_right h1{
	font-size : 14px ;
	color : #000 ;
	padding-top : 15px ;
	padding-bottom : 10px ;
}

#portail_right h1 a, #portail_services_right h1 a{
	color : #000 ;
	text-decoration : none ;
}

#portail_right h1 a:hover, #portail_services_right h1 a:hover{
	color : #000 ;
	text-decoration : underline ;
}

/* Styles du contenu */

#content h1 {
	color : #E2007A ;
	margin-bottom : 10px ;
}

#content {
	clear : both ;
	width : 780px ;
	position : relative ;
	top : 150px ;
	margin-left : 120px ;
}

#content h2 {
	margin-bottom : 10px ;
}

#content h2.accueil {
	color : #282828 ;
	font-size : 16px ;
	font-weight : bold ;
	background-image : url(img/titre_bulle.jpg);
	background-position : left ;
	background-repeat : no-repeat ;
	padding-left : 70px ;
	padding-top : 15px ;
	height : 60px ;
}

#content h2 img{
	float : left ;
	margin-right : 10px ;
}

#content h3{
   margin-bottom: 10px; 
}

#content h4{
   margin-bottom: 10px;
}

#content img{
    margin: 10px 0;
}

#content .inline{
    overflow:hidden;
    margin-bottom:10px;
}

#content .inline ul,#content ul{
    list-style: disc outside url('img/puce.gif');
}

#content .inline ul li{
    float:left; margin-right: 15px;
}

.blue li,
.blue span{
    color: #0D86B2;
}

.pink li,
.pink span{
    color: #E2007A;
}

.black span,
.black li{
    color: #000000;
}

p.spip, div.texte {
	margin-bottom : 20px ;
	color : #747474 ;
}

p.spip_form_ok {
	color : green ;
	
}

.chapeau p{
	margin-bottom : 10px ;
	font-weight : bold ;
}

p.texte_portail {
	clear : both ;
	margin-bottom : 20px ;
	color : #747474 ;
	text-align : justify ;
	padding-left: 20px ;
	padding-right: 20px ;
}

span.emph, strong.spip {
	color : #0d86b2 ;
}

.pink strong{
    color: #E2007A
}

.blue strong{
    color: #0d86b2
}

.grey strong{
    color: #000000
}

#flash {
	float : right ;
	width : 250px ;
	margin-top : 15px ;
	margin-right : 40px ;
}

#contenu_texte {
	width : 400px ;
	float : left ;
}

div.galerie {
	width : 340px;
	margin-left : 30px ;
	margin-top : 35px ;
	float : right ;
}

div.photo_galerie {
	border : 1px solid #e7e7e7 ;
	height : 100px ;
	text-align : center ;
	float : left ;
	margin-right : 10px ;
	margin-bottom : 10px ;
}

#references {
	clear : both ;
}

.galerie_logo {
	width : 85px ;
	text-align : center ;
	padding-top : 5px ;
	border : 1px solid #e7e7e7 ;
	float : left ;
	margin-right : 10px ;
	height : 110px;
	margin-bottom : 15px ;
}

.titre_reference{
	color : #747474;
	text-align : center ;
}

#contact_texte p.spip {
	margin-bottom : 0 ;
}

#contact_texte .texte img.spip_logos{
	margin-top:0;
}

#contact_texte a {
	color : #0D86B2 ;
}

#contact_texte a:hover {
	color : #43A9CE ;
}

#contact_texte div.texte {
	margin-top : 10px ;
}

#contact_texte div.texte img {
	float : left ;
	margin-right : 10px ;
}

/* Styles des news */

#titre_news {
	font-size : 11px ;
}

#all_news {
	text-align : center ;
	background-image : url(img/background_news.jpg);
	background-repeat : no-repeat ;
	background-position : top center ;
	height : 146px ;
	width : 880px ;
	padding-top : 35px ;
	padding-left : 100px ;
}

#news {
	clear : both ;
	width : 780px ;
	position : relative ;
	top : 180px ;
}

#news_services{
	clear : both ;
	width : 780px ;
	position : relative ;
	top : 300px ;
}

#news h2, #news_services h2 {
	margin-left : 95px ;
	background-image : url(img/micro.jpg);
	background-repeat : no-repeat ;
	background-position : left ;
	height : 40px ;
	padding-left : 60px ;
	padding-top : 50px ;
}

#news_left  {
	float : left ;
	width : 240px ;
	text-align : left ;
	padding-right : 50px ;
}

.news_resume  {
	float : left ;
	width : 300px ;
	text-align : left ;
	padding-right : 90px ;
	margin-bottom : 10px ;
}

.news_resume .img_news {
	float : left ;
	margin-right : 10px ;
}

#news_left .img_news {
	float : left ;
	margin-right : 10px ;
}

#news_left a {
	display : block  ;
	margin-top : 5px ;
	color : #0d86b2 ;
	font-style : italic ;
	background-image : url(img/lire_plus.jpg);
	background-repeat : no-repeat ;
	background-position : right ;
	height : 18px ;
}

.news_resume a {
	display : block  ;
	margin-top : 5px ;
	color : #0d86b2 ;
	font-style : italic ;
	background-image : url(img/lire_plus.jpg);
	background-repeat : no-repeat ;
	background-position : right ;
	height : 18px ;
}

.last_actu a {
	display : block  ;
	margin-top : 5px ;
	color : #0d86b2 ;
	font-style : italic ;
	height : 18px ;
}

#news_left a:hover {
	color : #43a9ce ;
}

.news_resume a:hover {
	color : #43a9ce ;
}

strong.news {
	display : block ;
}

.last_actu img{
	float : left ;
	margin-bottom : 30px ; 
	margin-right : 40px ;
}

.last_actu h2{
	color : #0D86B2 ;
}

#liste_news {
	clear : both ;
}

.texte_extrait {
	text-align : justify ;
	width : 350px ;
	float : left ;
}

p {
	color : #747474 ;
}
/* Styles du footer */

#footer {
	text-align : center ;
	position : relative ;
	top : 84px ;
	clear : both ;
	color : #0d86b2 ;
	padding-left: 100px;
}

#footer_services {
	text-align : center ;
	position : relative ;
	top : 220px ;
	clear : both ;
	color : #0d86b2 ;
}

#footer span, #footer_services span{
	color : #000 ;
}

#footer a, #footer_services a{
	color : #000 ;
	text-decoration : none ;
}

#footer a:hover, #footer_services a:hover {
	color : #000 ;
	text-decoration : underline ;
}

p.texte_news {
	color : #282828;
}

a img {
	border : none ;
}

.img_news {
	width : 88px ;
	height : 88px ;
	background-image : url(img/background_logo_news_footer.png);
	background-repeat : no-repeat ;
}	

.img_news img{
	margin-left : 4px ;
	margin-top : 4px ;
	border : 1px solid black ;
}	

/* Styles du champ de recherche */

.formulaire_recherche {
	background-image : url(img/recherche_background.jpg);
	background-repeat : no-repeat ;
	background-color : black ;
	width : 155px ;
	height : 24px ;
	margin-left : 820px ;
}

#recherche {
	border:medium none;
	float : left ;
	width : 115px; 
	background:transparent none repeat scroll 0 0;
	margin-top : 2px ;
	margin-left : 10px ;
	height: 20px;
}


#lancer_recherche {
	border : none ;
	background:transparent url(img/loupe.jpg) repeat scroll 0 0;
	display : block ;
	float : left ;
	text-indent : -9999px ;
	width : 21px ;
	margin-top : 3px ;
	margin-right : 2px ;
	cursor : pointer ;
	text-indent : -9999px ;
}


/* Styles du formulaire de contact */

#formulaire_contact fieldset {
	border : none ;
}

#formulaire_contact form {
	color:black;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	margin-bottom : 20px ;
}

#formulaire_contact {
	width : 400px ;
	float : left ;
	margin-right : 30px ;
}

#contact_texte {
	padding-top : 15px ;
	text-align : justify ;
	color : #747474;
	padding-right : 50px ;
}

.spip_forms .spip_form_champ {
	clear : both ;
	display : block ;
	margin-bottom:0;
	margin-top:1em;
}

#formulaire_contact legend {
font-size:1.15em;
color : #0D86B2 ;
font-weight : bold ;
}

#formulaire_contact input[type="text"], .spip_forms .fondl {
width:85%;
margin-top : 3px ;
}

#formulaire_contact input {
	height : 20px ;
}

#formulaire_contact p {
	display : block ;
	width : 250px ;
	padding-bottom : 5px ;
	color : #6e6e6f ;
}

.spip_forms .forml:focus, .spip_forms .fondl:focus {
width:85%;
}

spip_forms.css .spip_forms .forml, .spip_forms .formo {
width:85%;
}
spip_forms.css .forml {
background-position:center bottom;
display:block;
float:none;
font-family:Verdana,Arial,Sans,sans-serif;
font-size:12px;
padding:3px;
width:100%;
}

label {
	font-weight : bold ;
	margin-top: 8px;
	display: block;
}

#formulaire_contact span{
	display: block;
}

#formulaire_contact .requis {
	color : #821b1b ;
	font-weight: normal;
	display: inline;
}

#formulaire_contact input{
	height : 25px ;
	margin-right : 345px ;
	margin-top : 15px ;
	width : 55px ;
}

#formulaire_contact textarea{
	width: 340px;
}

#formulaire_contact .msgMailOK{
	height: 115px;
	text-align: center;
	color: green;
}

#formulaire_contact .msgMailOK{
	text-align: center;
	color: red;
}

/* Styles du slide */

#references_slide {
	float:left;
	height:200px;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
}

#myController {
	background-color:#FFFFFF;
	font-size:12px;
	height:21px;
	opacity:0.5;
	padding-left:5px;
	padding-top:3px;
	position:absolute;
	top:178px;
	width:400px;
	z-index:100;
}

#mySlides h2 {
	font-size : 13px ;
	font-weight : normal ;
}

#myController span.jFlowSelected {
	color:#E2007A;
	font-size:14px;
	font-weight:bold;
}

#myController span {
	color:#000000;
	cursor:pointer;
	margin-left:5px;
	margin-top:0;
	opacity:1;
	padding-right:5px;
}

/* Update Gilles */
.article{
	float:left;
	width:200px;
}

.stands{
	float:left;
	width:246px;
}

#content .contenu_stands{
	float:left;
	width:500px;
}

.mobilier{
	float:left;
	width:253px;
}

#content .contenu_mobilier{
	float:left;
	width:520px;
}

#references_logo{
	width: 780px;
}

#references_logo .photo_galerie{
	border: none;
	margin-right:14px;
}

#more_reference{
	clear: both;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding-right: 20px;
}

#content .rubrique_2 strong{
	color: #747474;
}

#content .rubrique_2 a{
	color: #747474;
}