/*
CSS Styles for the ... website.
Developed by Olivier Ffrench : http://www.offrench.net
*/


/* ============== General elements ============== */

body {
	font-family:arial, helvetica;
	font-size:12px;
	margin:0;
	padding:0;
	background:#f3f5f8;
	}

a  {
	color:#08366A;
	}

a:hover, a:visited, a:active {
	color:#536e9a;
	}

.left {
 float:left;
 margin:0px 10px 10px 0px
}

.right {
 float:right;
 margin:0px 0px 10px 10px
}

.clear {
	clear: both;
}	

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

	
/* -------------- text attributes -------------- */

code {

	}

acronym, abbr {

	}

cite {

}

blockquote {
	background:#f3f5f8 url(../images/icon-quote.gif) no-repeat left top;
	color:#536e9a;
	margin:10px 0;
	padding:5px 5px 5px 30px;
	border-top:1px dashed #a5b5d3;
	border-bottom:1px dashed #a5b5d3;
	font-style:italic;
	}

.uppercase {
	text-transform: uppercase;
}

.caps {
	text-transform: capitalize;
}

.small {
	font-size:11px;
	}

ul {
	list-style-image:url(../images/puce-ronde.gif);
}	

	
ul.pucefleche {
	list-style-image:url(../images/puce-fleche.gif);
}	

ul ul {
	list-style-image:url(../images/puce-carree.gif);
}	

/* -------------- H titles -------------- */

h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", tahoma, arial, helvetica;
}

h1  {
	color:#f18400;
	font-weight:normal;
	border-bottom:1px solid #dbe1ed;
	font-size:21px;
	}

h2 {
	color:#17365d;
	font-weight:500;	
	border-bottom:1px solid #dbe1ed;
	font-size:18px;	
}

.left-sidebar-content h2 {
	font-size:16px;	
}

#intro_home h2 {
	border:0 none;
	margin-top:0px;
	display:inline;
}

h3 a, h3 a:visited {
	color:#35527b;
	text-decoration:none; 
 	}

h3 a:hover, h3 a:active {
	text-decoration:none; 
	color:#536e9a;
 	}

h3 {
	color:#35527b;
	font-weight:500;	 
	font-size:16px;	
	margin-top:8px;
 	}	
 	
.left-sidebar-content h3 {
	font-size:14px;	
} 	

h4 {
	color:#7b93c3;
	text-transform:uppercase;
	font-weight:500;	
	font-size:12px;
	margin-bottom:6px;
	margin-top:6px;
	}

h5 {
	color:#536e9a;
	font-size:12px;
	}
	
hr {
	border: none 0;	
	height:1px;
	border-top:1px dashed #d1dced;
	margin:10px 0px;
	}

/* -------------- images -------------- */

a img {
	border: none;
	}
	
.small_pict {
	width:112px;
}

.small_pict {
	width:112px;
}

.small_vert_pict {
	width:80px;
}

.big_vert_pict {
	width:436px;
}

.big_pict {
/*	width:580px;*/
}

div.galerie
{
	width: 580px; 
	padding: 0;
	margin: 0;
}

div.galerie_vert
{
	width: 436px; 
	padding: 0;
	margin: 0;
}

ul.galerie_mini
{
	margin: 0;
	padding: 0;
	list-style-type: none ;
margin-bottom:112px;
}

ul.galerie_mini li
{
	float: left;
	display:block;
	height:114px;
	width:114px;
	margin: 2px 2px 0px 0px;
}

ul.galerie_mini li a img
{
	margin:0;
	border: 1px solid #8aa6cc;
}

dl#photo
{
	clear: both;
	margin: 0 auto;
}

dl#photo img
{
	border: 1px solid #8aa6cc;
}



/* ============== Global containers ============== */

#global {
	position:relative;	
	width:980px;
	margin:0px auto;
	padding:0px auto;
	border: 1px solid #c8d1e4;
	background:#fff;
}

#global-popup {
	width:500px;
	margin:0 auto;
	padding:0 auto;
	position:relative;	
}

#pageheader {
	height:157px;
	background:#fff;
	border-bottom:1px dashed #c8d1e4;
	}

#center {
	border-top-width:1px;
	margin:15px 0px;
}	

#left-sidebar, #left-sidebar-home {
	width:200px;
	float:left;
	background:#fff;
}

#main {
	margin-left: 215px;
	margin-right: 165px;
	height:100%;
}

#main-popup {
	margin-left: 15px;
	margin-right: 15px;
	width:470px;
}

#right-sidebar {
	width:150px;
	float:right;
	}

#pagebottom {
	background:#c8d1e4;
}

#footer {
	font-size:11px;
	height:100px;
	padding-top:8px;
	background:#dbe1ed;
	border-top:1px dashed #a5b5d3;
}

#voiraussi p {
	font-size:11px;
}

/* ============== Page header ============== */

#banner {
	height:127px;
	width:629px;
	margin-top:0;
	float:left;
	display:inline;	
	}

#banner.defaut {
	background:url(../images/banner-homepage.jpg) no-repeat;
	}

#banner.societe {
	background:url(../images/banner-societe.jpg) no-repeat;
}

#banner.prestations {
	background:url(../images/banner-prestations.jpg) no-repeat;
}

#banner.prestations-design {
	background:url(../images/banner-prestations-design.jpg) no-repeat;
}

#banner.prestations-personnages {
	background:url(../images/banner-prestations-personnages.jpg) no-repeat;
}

#banner.prestations-illustrations {
	background:url(../images/banner-prestations-illustrations.jpg) no-repeat;
}

#banner.prestations-animations {
	background:url(../images/banner-prestations-animations.jpg) no-repeat;
}

#banner.formation {
	background:url(../images/banner-formation.jpg) no-repeat;
}

#banner.ressources {
	background:url(../images/banner-ressources.jpg) no-repeat;
}

#logo {
	float:left;
	display:inline;
	width:200px !important;
	width:197px;
	height:157px;
	background:url(../images/logo.gif) no-repeat;
}

#awards {
	float:right;
	width:147px;
	height:153px;
	background:url(../images/award.jpg) no-repeat;	
}

/* ============== Global navigation ============== */

#globalnav {
	height:35px;
	width:633px; 
	position:absolute;
	top:127px;
	left:0;
	margin:0px 0px 0px 200px; 
	z-index:100;
}

#globalnav ul {
	padding:0; 
	margin:0;
	list-style-type: none; 
	}

.flvplayer {

	}
	
/* dropdown menus are in a separate file */	

/* ============== Left sidebar ============== */

#localnav {
	border:1px solid #c8d1e4;
	border-top:0px;
	margin-bottom:15px;
}

#localnav li a, #localnav li span {
	text-decoration: none;
	display:block;	
	color:#fff;
	}

#localnav ul, #localnav li {
	padding: 0;
	margin: 0;
	list-style:none;
	list-style-image:url();
}

#localnav li.first {
	border-top:0 none;	
}

#localnav li.last {
	border-bottom:0 none;	
}

#localnav li.level1 {
	background:#6a86ad;
	border-top:1px solid #a5b5d3;
	border-bottom:1px solid #5a6f99;
	}
	
#localnav li.level1 a,#localnav li.level1 span {
	width:183px;	
	padding:8px 5px 6px 10px;	
	}

#localnav li.level1 a:hover, #localnav li.level1 span, #localnav li.level1 a.open   {
	background-color:#f7941d;
	}	

#localnav li.level2 {
	background:#8aa6cc;
	border-top:1px solid #a5b5d3;
	display:none;		
	}
	
#localnav li.active ul li.level2 {
	display:block;
}	

#localnav li.level2 a, #localnav li.level2 span {
	font-size:11px;
	width:173px;
	padding: 6px 5px 4px 20px;
	}
	
.left-sidebar-content {
	margin: 0px 10px 10px 10px;
}	

#intro_home {
	background:#f3f5f8;
	margin-bottom:20px;
	padding:4px;
	border:1px solid #dbe1ed;
text-align: justify;
}

/* ============== Main content ============== */

#maincontent {

}

#breadcrumbs {
	font-size:11px;
}

#intro {

}

#content {

}

.intermediaire {

}

.article {
	height:125px;
}

.article .ditto_introText {
	width:450px;
	float:left;
}

.article_image {
	width:125px;
	float:left;
	margin-left:20px;
}

.ditto_pages {

}

.alert {
	display:block;
	background: #ffd6d6 url(../images/bt-alert.gif) no-repeat center left;
	border-top:1px dashed #fe7b7a;
	border-bottom:1px dashed #fe7b7a;
	margin:10px 0;
	padding:5px 5px 5px 30px;
	}

.info {
	display:block;
	background: #eef7dd url(../images/bt-info.gif) no-repeat center left;
	border-top:1px dashed #c2df88;
	border-bottom:1px dashed #c2df88;
	margin:10px 0;
	padding:5px 5px 5px 30px;
	}
	
.note {
	display:block;
	background: #fef6d8 url(../images/bt-note.gif) no-repeat center left;
	border-top:1px dashed #b79000;
	border-bottom:1px dashed #b79000;
	margin:10px 0;
	padding:5px 5px 5px 30px;
	}	

#functions {
	background:#f3f5f8;
	margin-top:20px;
	padding:4px;
	border:1px solid #dbe1ed;
	font-size:11px;
	height:30px;
}

#functions #tags {
	float:left;
	width:430px;
}

#functions #user{
	float:right;
position:relative;
top:-3px;
}

#functions span {
	margin-right:10px;
}

/* -------------- accroches -------------- */

.accroche {
	float:right;
	margin-bottom:5px;
	margin-top:15px;
}

.accroche a {
	text-decoration:none;
	font-weight:bold;
}

.accroche a:hover, .accroche a:active {
	text-decoration:underline;
}


/* -------------- résultats de recherche -------------- */

.ajaxSearch_result {
	margin:8px 0px;
	border-bottom:1px dashed #c2df88;
}

.ajaxSearch_resultsInfo {
	display:block;
	background: #eef7dd url(../images/bt-info.gif) no-repeat center left;
	border-top:1px dashed #c2df88;
	border-bottom:1px dashed #c2df88;
	margin:0px 0px 20px 0;
	padding:5px 5px 5px 30px;
}

/* ============== Right sidebar ============== */

#right-sidebar div {
	margin-bottom:15px;
	padding-right:5px;
}

#search {
	width:133px;
	padding: 6px;
	float:left;
	display:inline;	
}

input#ajaxSearch_input {
	width:138px;
	margin:4px 0px;
}

#adresse p{
	width:133px;
	padding:4px;
}

#contact {
	background:#f3f5f8;
	padding:4px;
	border:1px solid #dbe1ed;
	height:18px;
	margin-right:2px;
}

#contact img {
float:right;
position:relative;
top:-7px;
}

#contact a {
	font-weight:bold;
	text-decoration:underline;
}

#contact a:hover {
	text-decoration:underline;	
}

.s5 {
	font-size:14px;
}

.s4 {
	font-size:13px;
}

.s3 {
	font-size:12px;
}

.s2 {
	font-size:11px;
}

.s1 {
	font-size:10px;
}

.tagcloud a {
	color:#777;
	text-decoration:none;
}

.tagcloud a:hover {
	color:#999;
	text-decoration:underline;
}

.tagcloud span {
	padding-right:6px;
}

/* ============== Footer ============== */

#footer .column {
	float:left;
	padding-left:10px;
	display:inline;
	border-left:1px dashed #a5b5d3;
	height:90px;
}

#footer a {
		color:#000;	
}

#footer ul {
		margin:0;
		padding: 0;
		list-style: none;
		vertical-align:center;
}

#footer li {
		padding: 0 10px 0 0;
}

#footer #footernav {
		height:20px;
		margin: 0px 0px 0px 210px;
}

#footer .copyright {
		float:left;
		left:0;
		margin: 0px 0px 0px 5px;
		height:20px;
}


/* ============== Forms ============== */

#contactform {

}

#inlineform {

}

#ajaxSearch_form {

}

#contactform fieldset, #inlineform fieldset, #ajaxSearch_form fieldset {
		border:0px;
		margin:0px;
		padding:0px;
}


input, textarea {
		font-family:arial;
		font-size:11px;
		color:#444;
		border:1px solid #aeb0b6;
}

p.error {
		color:red;
}
	
/* ============== IE6 corrections ============== */

<!--[if lte IE 6]>
#left-sidebar {
	margin-right: 3px;
}

#right-sidebar {
	margin-left: 3px;
}	
div#main {
	overflow: visible;
	height: 1%;
}
<![endif]-->