/* FEUILLE DE STYLES SOBREDIA **************************************************************************************************/

body									{ background:#f1f1f2; overflow:auto; font:11px verdana, arial, Helvetica; color:#333; margin:0; padding:0; }
table,td,th 							{ font:11px verdana, arial, Helvetica; margin:0; padding:0; vertical-align:top; }
p										{ font:11px verdana, arial, Helvetica; margin:5px 0 5px 0; padding:0; text-align:justify; }

/* DIV PRINCIPAUX ***************************************************************************************************************/
/* couleurs */
.rouge									{ color:#fa0505; }
.bleu									{ color:#050582; }
.jaune									{ color:#f09623; }
.blanc									{ color:#fff; }
.gris									{ color:#979797; }


/* alignements */
.right									{ text-align:right; }
.left									{ text-align:left; }
.center									{ text-align:center; }

img.img_right							{ float:right; margin:0 0 0 10px; }
img.img_left							{ float:left; margin:0 10px 0 0; }

.bt_top_page							{ float:right; margin:0 15px 10px 0; border:none; }

/* titres */
h1										{ color:#f09623; font:normal 18px verdana; margin:10px 20px 0 0; text-align:right; float:right; }
h2										{ color:#f09623; font:normal 16px verdana; margin:0 0 10px 0; text-align:left; }
h3										{ color:#fa0505; font:normal 14px verdana; margin:0 0 5px 0; text-align:center; }

/* listes */
ul										{ list-style-image:url(../img/puce.gif); margin:5px 0 0 0; padding:0; }
li										{ padding:0; margin:0 0 0 15px; text-align:justify; }


/* liens */
a										{ color:#6a6a6a; font:11px verdana, arial, Helvetica; text-decoration:none; }
a:hover									{ text-decoration:underline; color:#fa0505; }

.lien_toppage							{ text-align:right; }
.lien_toppage a							{ font-size:9px; color:#969682; text-decoration:none; }
.lien_toppage a:hover					{ font-size:9px; color:#ee1093; text-decoration:none; }
.conditions								{ color:#999; font-size:10px; font-weight:normal; }


/* STRUCTURE *****************************************************************************************************************/
div#bg									{ background:url(../img/bg.gif) repeat-y center; margin:5px 0 0 0; padding:0; }


/* HEADER ******************************************************************************************************************/
div#header								{ background:url(../img/logo.gif) no-repeat 10px 9px; margin:0; text-align:center; width:625px; }
div#header img#logo						{ border:0; float:left; margin:0; }
div#header p							{ margin:0 20px 2px 20px; text-align:right; color:#747474; font:14px verdana, arial, Helvetica; float:right; }
div#header p i							{ font-size:12px; } 
div#header div#ul_references			{ background:url(../img/li.gif) repeat-x 0 0; clear:both; height:18px; margin:0 20px 5px 20px; padding:0; } 
div#header div#ul_references a			{ color:#333; font-weight:normal; text-decoration:none; }
div#header div#ul_references a:hover	{ color:#f09623; text-decoration:none; }
div#header div#ul_references table		{ background:url(../img/s.gif) no-repeat 64px 0; margin:0; } 
div#header div#ul_references table td	{ width:96px; text-align:center; } 


ul#galerie_header						{ margin:0 0 0 20px; padding:0; }
ul#galerie_header li					{ display:inline; margin:0; padding:0; list-style:none;}
li div a								{ text-decoration:none; width:96px; height:104px; margin:0; padding:0; float:left; }
li div a:hover							{ text-decoration:none; }

li div#o_cuisine a						{ background:url(../img/o_cuisine.jpg) no-repeat 0 0; margin-right:2px; }
li div#o_cuisine a:hover 				{ background-position:0 -104px; }
li div#o_sdb a							{ background:url(../img/o_sdb.jpg) no-repeat 0 0; margin-right:2px; }
li div#o_sdb a:hover 					{ background-position:0 -104px; }
li div#o_ambiance a						{ background:url(../img/o_ambiance.jpg) no-repeat 0 0; margin-right:2px; }
li div#o_ambiance a:hover 				{ background-position:0 -104px; }
li div#o_bureau a						{ background:url(../img/o_bureau.jpg) no-repeat 0 0; margin-right:2px; }
li div#o_bureau a:hover 				{ background-position:0 -104px; }
li div#o_magasin a						{ background:url(../img/o_magasin.jpg) no-repeat 0 0; margin-right:2px; }
li div#o_magasin a:hover 				{ background-position:0 -104px; }
li div#o_divers a						{ background:url(../img/o_divers.jpg) no-repeat 0 0; }
li div#o_divers a:hover 				{ background-position:0 -104px; }

/* CONTENU ******************************************************************************************************************/
div#content								{ font:11px verdana; margin:0; width:585px; }

div#content ul.menu						{ float:left; margin:15px 0 0 0; padding:0; text-align:left; } 
div#content ul.menu li					{ background:#f1f1f1; padding:5px 0 5px 6px; color:#000; border-top:1px solid #c6c6c6; display:block; clear:left; float:left; margin:0; width:160px; } 
div#content ul.menu li a				{ color:#333; text-decoration:none; }
div#content ul.menu li:hover			{ background:#c6c6c6; }
div#content ul.menu li.actif			{ background:#fcb305; padding-bottom:20px; }
div#content ul.menu li.actif a			{ color:#fff; font-weight:bold; }

div#content ul.menu li#citation			{ background:white; padding-top:20px; margin:0 0 10px 0; }
div#content ul.menu li#citation p		{ color:#f09623; font-size:10px; }
div#content ul.menu li#citation p i		{ color:#797979; font-size:10px; }

div#content	#text						{ border-right:6px solid #f1f1f2; float:right; text-align:justify; margin:15px 0 10px 10px; padding-right:20px; width:380px !important; width:410px; }
#text p									{ margin:0 0 10px 0; }	
#text img, #text a img					{ border:5px solid #f1f1f2; }
#text a img:hover,
#text p.rea	img:hover					{ border:5px solid #f09623; }
#text p.rea	img							{ border:5px solid #f1f1f2; margin:5px 2px 0 0; }
div#content input.lg					{ color:black; border:1px solid #A0A0A0; font:11px verdana; width:50px; }  
div#content input.lgo					{ background:#A0A0A0; color:white; border:1px solid #A0A0A0; font:11px verdana; width:20px; cursor:hand; }  div#content input.lgo:hover	{ background:red;  }

/* ACCUEIL */
div#croquis								{ background:url(../img/croquis.jpg) no-repeat bottom right; height:390px; margin:0 -20px 0 0; }
div#croquis p							{ margin-right:30px; }
div#croquis p.col						{ width:220px; text-align:left; }

/* REFERCENCES */
table.tab_references					{ width:100%; }
table.tab_references td					{ text-align:center; }
table.tab_references th					{ font-weight:bold; text-align:center; }

/* GALERIE */
div#galerie								{ width:360px; height:240px; border:5px solid #f1f1f2; margin:10px auto 10px auto; }

.cadre									{ border:5px solid #f1f1f2; margin:0; padding:3px; }

/* FOOTER ******************************************************************************************************************/
div#coordonnes							{ background:url(../img/li.gif); clear:both; height:18px; margin:5px 0 0 0; overflow:hidden; width:585px; }
div#coordonnes p						{ color:#808080; height:20px; margin:0; padding:2px 0 0 2px; text-align:left; }			

div#footer								{ color:#969696; clear:both; margin:0 0 10px 0; text-align:right; width:625px; }			
div#footer a							{ color:#969696; text-decoration:none; font-size:9px; }
div#footer a:hover						{ color:#969696; text-decoration:none; }



/* FORMULAIRES */ 
label									{ font-size:10px; margin:0 10px 0 0; padding:0; font-weight:bold; float:left; }
input[type=text], select, textarea		{ color:#b2b2b2; border:1px #b2b2b2 solid; font:11px verdana, arial, Helvetica; }
input[type=text]:hover, select:hover, textarea:hover { border:1px #f09623 solid; }
input[type=submit]						{ text-align:center; background:#fff; padding:0 15px 0 15px; border:3px #ccc solid; }
input[type=submit]:hover				{ border:3px #f09623 solid; }
input.iform								{ width:200px; }