/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Dosis:400,600);
body {margin:0; text-align: center; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666;}
h1, h2, h3, h4, h5 {padding:0; margin:0; font-family: 'Dosis', sans-serif; font-weight:normal;} 
ul, ol {list-style:none; padding:0; margin:0;}
table {border-collapse:collapse; border:none;}
td {vertical-align:top; padding:0; margin:0;}
a {cursor:pointer;}
a:hover {text-decoration:none;}
p {font-size:14px; margin:0 0 5px 0; line-height:1.8em;}
.clear {clear:both;}

div.studiok {width:1020px; min-height:500px; text-align:left; margin:0 auto;}

div.creation {padding:0 10px;}
	h1 {font-size:21px; display:block; float:right; padding-top:35px;}

div.menu {width:1020px; height:237px; background:url('/images/v3-menu-bg.png') no-repeat left top; margin-bottom:15px;}
	div.menu ul {padding:10px 0 0 10px}
	div.menu li {display:block; float:left; height:219px; width:200px; position:relative; background:no-repeat left top; overflow:hidden;}
	div.menu li#philosophie {background-image:url('/images/v3-menu-bg-philosophie.jpg');}
	div.menu li#internet {background-image:url('/images/v3-menu-bg-internet.jpg');}
	div.menu li#gestion {background-image:url('/images/v3-menu-bg-gestion.jpg');}
	div.menu li#realisation {background-image:url('/images/v3-menu-bg-realisation.jpg');}
	div.menu li#contact {background-image:url('/images/v3-menu-bg-contact.jpg'); width:202px;}
	div.menu li .bouton {position:absolute; bottom:10px; right:0; background:url('/images/v3-menu-ombre.png') no-repeat left bottom; padding:0 0 8px 9px; z-index:2; }
	div.menu li div.titre {padding:0 10px 0 30px; line-height:35px; background-color:#666666; color:#FFFFFF; font-size:12px; font-weight:bold;  }
	div.menu div.texte {position:absolute; opacity:0.8; color:#000000; background-color:#FFFFFF; height:50px; padding:0 5px; bottom:0; display:none; padding-top:15px;}
	div.menu a {display:block; position:absolute; width:200px; height:219px; text-indent:-999em; z-index:3;}
	
div.left {float:left; width:297px; position:relative;}
	div.left div.top {height:16px; background:url("/images/v3-right-top.png") no-repeat left top; position:absolute; top:0; width:297px;}
	div.left div.bottom {height:21px; background:url("/images/v3-right-bottom.png") no-repeat left top; position:absolute; bottom:0; width:297px;}
	div.left div.l-contenair {background:url("/images/v3-right.png") repeat-y left top;}
	div.left div.l-contenu {min-height:150px; margin:0 9px 0 10px;}
	div.reference {padding:9px 0 15px 0; overflow:hidden;}
		div.reference img {border-bottom:1px solid #cccccc; margin-bottom:5px;}
		div.reference h3, div.reference h4 {font-size:18px; padding:0 5px; margin:0;}
		div.reference a {text-decoration:none;}
		div.reference p {line-height:normal; padding:0 5px;}

div.right {float:right; width:660px; padding-right:10px;}
	h2 {font-size:18px; text-align:justify; padding:5px 0 0.5em 0;}
	div.paragraphe, div.intro {margin-bottom:2em;}
	div.intro {font-style:italic;}
	h3 {font-size:18px; color:#000000; padding-bottom:0.2em; margin-bottom:0.2em; }
	h3.ui-accordion-header { padding-left:15px; background:url("/images/v3-puce-d.png") no-repeat left center; cursor:pointer; opacity:0.8; }
	h3.ui-state-hover {opacity:1;}
	h3.ui-accordion-header-active {border-bottom:1px solid; background-image:url("/images/v3-puce-b.png"); background-position:left 6px; opacity:1;}
	div.p-content {padding-bottom:2em;}
	div.ui-accordion-content-active {margin-left:15px;}

	
/*COULEURS */
li#philosophie div.titre {background-color:#EABB2E;}
li#internet div.titre {background-color:#663366;}
li#gestion div.titre {background-color:#006633;}
li#realisation div.titre {background-color:#990000;}
li#contact div.titre {background-color:#333333;}

div.philosophie h2, div.philosophie div.reference h3, div.philosophie div.reference a, div.philosophie div.reference h4 {color:#EABB2E;}
div.internet h2, div.internet div.reference h3, div.internet div.reference a, div.internet div.reference h4  {color:#663366;}
div.gestion h2 {color:#006633;}
div.realisation h2 {color:#990000;}
div.contact h2 {color:#333333;}