/* ============================================
 * 
 * Studio Profil
 *	
 * Feuilles de style creees par 
 * Victor VILA en Octobre 2009
 * 
 * victor (at) adifco.fr	03 80 65 30 22
 * 
 * ADiFCO
 * 14E rue Pierre de Coubertin
 * 21 000 DIJON
 *
 * ============================================ */
 

/* Recurrent
 * ---------
 * noir : #181512 
 */


/* 
 * Reset 
 * http://meyerweb.com/eric/tools/css/reset/ 
=============================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }


/* Chasis
============= */
html {}
body {margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#181512;background-color:#CCCCCC;}
#content {width:990px;background-color:#FFFFFF;margin-right:auto;margin-left:auto;}


/* Outils
============= */
a {text-decoration:none;color:#444;}
#corps a {letter-spacing:1px;text-decoration:underline;}
.clear {clear:both;}
.cadre {border:1px solid #444;background:#fff;padding:10px;}
.blockc {margin:0 auto;display:block}
.block {display:block}
.center {text-align:center}
.taleft {text-align:left}
.taright {text-align:right}
.bold {font-weight:bold}
.roxo, .roxob {color:#f47820;font-weight:bold;}
.roxob { font-size:1.3em;}
.dous_em {font-size:2em;font-style:italic;} 
.border {border-bottom:.1em solid #ccc;margin-bottom:1em;}
.pad {padding:5px 0 10px}
.surdim {font-size:2.4em}
.blanc {color:#fff}
.pointer {cursor:pointer}
.bleu {color:#0c1e44}
.clearleft {clear:left}
.none {display:none;}
img.left {float:left;padding:0 20px 20px 0;}
img.right {float:right;padding:0 0 40px 20px;}


/* Texte
=============*/ 
h1 {font-size: 4em;text-align:center;}
h1.l {font-size: 3.5em;padding:2.1em 0 .2em;text-align:center;}
h1.mini {font-size: 2em;padding:100px 0 .2em;text-align:center;}
h2 {font-size: 1.8em;padding:.75em 0 .75em;text-align:center;font-weight:normal;line-height:1.8em;} 
h3 {font-size: 2.4em;padding:.3em 0 .3em;margin:0 auto .7em;font-weight:normal;font-style:italic;border-bottom:.2em solid #0c1e44}
h3.mini {font-style: normal;font-size:1.9em} 
h4 {font-size: 1.6em;padding:1.2em 0 .75em}
h5 {font-size: 1.4em;padding:5px 0 0}     
h6 {font-size: 1.2em;padding:.6em 0 .75em}
p, li {font-size: 1.2em;padding:0 0 .75em;text-align:justify;}
ul {padding:.3em 2em .75em;}
ul ul {padding:.3em 2em .5em;}
li {line-height:150%;padding:0;list-style-type:disc;}
li li {font-size: 1em;list-style-type:circle;}
dt {font-size: 1.2em;font-weight:bold;}
dd {font-size: 1.1em;padding:1em;}
dd a {text-decoration:underline;color:#444; font-weight:bold;}
dd p {font-size: 1.1em;}


/* Contenu
============= */

#presentation {position:relative;height:400px;background:url(../images/studio-profil-presentation.jpg) 0 0 no-repeat}
	#logo {position:absolute;top:0px;left:205px;}
	h1#accroche {position:absolute;top:265px;left:50px;text-align:center;}
	h1#accroche span {font-weight:normal}

#colonnes {height:1%;overflow:auto; padding-bottom:20px;}	

#gauche {width:191px;float:left}
	#gauche #ariane {display:block;}
	#gauche a, #gauche img {padding:0;margin:0;}

#centre {width:240px;float:left;margin:0 25px}
	#centre #prix {display:block;}
	#centre #ascensor dl {color:#444 }
	#centre #ascensor dt {padding:.7em 1em;cursor:pointer;background: #e5e4e4 url(../images/studio-profil-ascenseur.jpg) 0 50% no-repeat;border:1px solid #ccc;}
	#centre #ascensor dd {height:93px;background:#f0f0f0;border:1px solid #ddd;}

#modifiable {width:490px;float:left}

#contenu-sp {text-align:justify;padding:10px 40px 40px 250px}
	#contenu-sp p {font-size:12px;line-height:150%;}

#pied_de_page {clear:both;height:30px;width:100%;background:#ccc;text-align:center;border-top:2px solid #aaa;padding:20px 0;}
	#pied_de_page li {display: inline;margin:0 10px;color:#181512;font:normal 12px Arial, Helvetica, sans-serif}
	#pied_de_page li a {color:#181512}