body{
	background-image:url("images/back.jpg");
	background-repeat:repeat;
}

#page{
	width:820px;
}

#conteneur{
	width:820px;
}

#contenu_sommaire{
	margin-top:100px;
	width:850px;
	height:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:0px;
}

#pied{
	width:800px;
}

#entete{
	margin-top:30px;
}


#barre_nav1{
	margin-top:10px;
	padding:0px;
	font-size:4px;
	border-collapse:collapse;
}

#entete #barre_nav1 .separateur{
	color:#666666;
	font-weight:bold;
	width:5px;
	font-family: verdana, helvetica, sans;
}
#entete #barre_nav1 .item{
	padding:0px;
}



a:link {
	color: #0287B9;
}
a:visited {
	color: #0287B9;
}
a:hover {
	color: #FFCC00;
}
a:active {
	color: #FFCC00;
}

#links{
	margin-top:100px;
	font-size:8px;
	color:#666666;
	width:729px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#nav_accueil {
	float:left;
	width:100%;
	text-align:center;
}

#nav_accueil a{
	display:block;
	float:left;
	margin:50px;
}

#pied_sommaire{
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center;
	width:729px;
	margin-left:auto;
	margin-right:auto;
}
#pied_sommaire small { font-size: 0.77em; }
#pied_sommaire img { vertical-align: bottom; }

/* styles des pages article */

#contenu_article h3{
	text-align:left;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	letter-spacing: -1px;
	color: #295D7A;
	font-style: italic;
	line-height: 3px;
	font-variant: normal;
	font-weight:normal;
}

#contenu_article #sous-titre {
	margin-top:20px;
	font-size:12px;
	font-style:italic;
	color:#666666;
}

#contenu_article #sous-titre i{
	color:white;
}

#contenu_article #sous-titre strong {
	font-style:italic;
	color:white;
}

#contenu_article #texte {
	font-size:12px;
	color:white;
	

}

/* styles de la rubrique web design*/
#contenu_riad{
	margin-top:20px;
}

#barre_nav2{
	margin-top:10px;
	background-image:url("images/ray.gif");
	font-size:12px;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	width:100%;
	padding:5px;
}

#barre_nav2 .separateur{
	color:#666666;
	font-weight:bold;
	width:5px;
	font-family: verdana, helvetica, sans;
}

#barre_nav2 .item{
	padding:5px;
	width:110px;
	color:#FFCC00;
	font-weight:bold;
	text-align:center
}



.pave_riad{
	margin-bottom:20px;
}

.table_riad {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	padding:5px;
	width:800px;
}

.table_riad .titre{
	background-image:url("images/ray.gif");
	padding:5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	letter-spacing: -1px;
	font-style: italic;
	font-variant: normal;
	font-weight:normal;
	color:white;
}

.table_riad .logo{
	border:1px solid #CCCCCC;
	text-align:center;
	width:200px;
	padding:10px;
}

.table_riad .texte{
	background-image:url("images/ray3.gif");
	border:1px solid #CCCCCC;
	font-size:12px;
	color:white;
	padding-left:50px;
	padding-right:50px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:justify;
	
}

.oui{
	color: #FFCC00;
}

.oui:visited{
	color: #FFCC00;
}

/* les styles de la rubrique toile */


#barre_nav3{
	margin-top:10px;
	background-image:url("images/ray.gif");
	font-size:12px;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	width:100%;
	padding:5px;
}

#barre_nav3 .separateur{
	color:#666666;
	font-weight:bold;
	width:5px;
}

#barre_nav3 .item{
	padding:5px;
	width:390px;
	color:#FFCC00;
	font-weight:bold;
	text-align:center
}


#contenu_toile{
	float:left;
	border:1px solid #999999;
	margin-top:20px;
	width:800px;
}

.table_toile{
	display:block;
	margin-left:20px;
	margin-top:20px;
}

.pave_toile{
	float:left;
	width:245px;
	padding:5px;
}

.pave_toile .titre{
	font-size:14px;
	color:#FFCC00;
	font-weight:bold;
}

.pave_toile .texte{
	font-size:11px;
	color:white;
	margin-left:5px;
}

.pave_toile .descriptif{
	margin-bottom:10px;
	margin-left:5px;
}

.pave_toile .prix{
	margin-bottom:10px;
	font-weight:bold;
	color:#999999;
	margin-left:5px;
}

.pave_toile .btn_commander{
	margin-left:5px;
}

.pave_toile a{
	color:white;
}

.pave_toile a:hover{
	color:#999999;
	text-decoration:none;
}

/* les styles des articles toile */

#contenu_une_toile{
	margin-top:20px;
}

#contenu_une_toile #titre{
	margin-left:370px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:18px;
	color:#FFCC00;
	font-weight:bold;
}

#contenu_une_toile #texte{
	font-size:12px;
	color:white;
	margin-bottom:20px;
	padding-right:20px;
}

#contenu_une_toile .spip_documents_left{
	margin-top:-40px;
	margin-right:50px;
}

#contenu_une_toile #prix{
	float:left;
	color:#999999;
}

#contenu_une_toile #btn_commander{
	padding:20px;
}

/* liens de la rubrique links */

#contenu_link {
	margin-top:20px;
	border:1px solid #999999;
	padding:10px;
}

#contenu_link #titre {
	text-align:left;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	letter-spacing: -1px;
	color: #295D7A;
	font-style: italic;
	
	font-variant: normal;
	font-weight:normal;
}

#contenu_link #cadre_vignettes{
	width:740px;
	margin-left:auto;
	margin-right:auto;
}

#contenu_link .vignette{
	float:left;
	margin:14px;
	height:40px;
	text-align:center;
	line-height:0.60em;
}

#contenu_link a{
	font-size:10px;
	color:#FFCC00;
}

/* styles de la page contact */

#contenu_contact{
	margin-top:20px;
}

#pave_contact{
	float:left;
	width:500px;
	font-size:12px;
	color:white;
	line-height:2.5em;
}

#pave_contact .champ_texte{
	font-size:12px;
	width:300px;
	border:none;
	background:#CCCCCC;
}

#pave_contact textarea{
	font-size:12px;
	width:300px;
	border:none;
	background:#CCCCCC;
}

#pave_contact .label{
	float:left;
	width:110px;
}

#pave_contact .champ{
	float:left;
}

#pave_contact .chckbox{
	width:120px;
	float:left;
}


#pave_contact .ligne_btn{
	padding:0px;
	margin-top:20px;
	margin-left:110px;
}

#pave_contact .btn{
	margin-left:0px;
}

#pave_contact .btn_envoyer{
	font-size:12px;
}

#pave_adresses{
	float:left;
	color:white;
	font-size:14px;
}

#pave_adresses h3{
	text-align:left;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	letter-spacing: -1px;
	color: #295D7A;
	font-style: italic;
	line-height: 3px;
	font-variant: normal;
	font-weight:normal;
}


