@charset "UTF-8";

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}


/* Général */
body {
	font-family:Verdana, Geneva, sans-serif;
	color: #333;
	background: #E9E8E4;
	font-size:1em;
}
a {
	color: #F8A525;
	text-decoration:none;
}
a:hover, a:focus {
	color: #F8A525;
	text-decoration:underline;
}
strong {
	color: #A1B55D;
}

p{
	line-height:inherit;
	/*font-size:0.7em;*/
	margin:0 0 0 0;
	padding:5px 20px 0 3px;
	color:#666;
	text-align:left;
}

.text{
	color:#666666;
	font-size:9.8px;
	line-height:1.5em;
	margin:0;
	/*padding:0 20px 0 3px;*/
	text-align:left;
}

h1{
	color:#CECCCC;
	font-size:1.3em;
	margin:15px 0 5px 0;
}

h2{
	color:#808080;
	font-size:0.8em;
	margin:10px 0 11px 0;
	padding:0;
}




/* Bloc central contenant #navigation et #contenu */
#centre {
	background:url(../images/center.jpg);
	background-repeat:no-repeat;
	height:420px;
}


	

/* Contenu principal */
#contenu {
	color: #363B29;
	
}
#contenu strong {
	color: #181A12;
}


/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 0px;
}
#global {
	width: 950px; /* -> 3 */
	margin: 0 auto; /* -> 4 */
}

/* En-tête */
#entete {
	height:131px;
}


/* Bloc central contenant #navigation et #contenu */
#centre {
	width: 100%; /* -> 5 */
	overflow: hidden; /* -> 5 */
	margin-top:0px;
}

/* Menu de navigation */
#navigation {
	position:relative;
	background-image:url(../images/back_nav.jpg);
	background-repeat:no-repeat;
	width: 135px;
	height:400px;
	float: left; /* -> 6 */
	
	margin:5px 0px 0px 5px;
}
#navigation a {
	display: block;
	height: 1%; /* -> 7 */
	line-height: 1.1;
	font-size: .7em;
	text-decoration: none;
}

/* Contenu */
#contenu {
	margin-left: 150px; /* -> 8 */
	padding: 10px 20px;
	height: 400px;
}

#contenu2 {
	margin-left: 20px; /* -> 8 */
	padding: 10px 20px;
	height: 400px;
}

#contenu p, #contenu li {
	line-height: 1.5;
}

#leftdiv{
	float:left;
	widht: 30px;
	
}

#equipe{
	float:left;
	height:380px;
	width:270px;
	}


#rightdiv{
	
	float:right;
	width: 480px;
}
/* Contenu casestudy */

#titrecase{
	margin: 0;
	padding: 0;
	}
	
#menucase{
	margin: 0;
	padding: 0;
	height: 17px;
	
	}
#arrow_case_l{
	margin: 0;
	padding: 0 0 0 2px;
	height: 17px;
	widht: 25px;
	float:left;
	
	}
	
#arrow_case_r{
	margin: 0;
	padding: 0 0 0 0px;
	height: 17px;
	widht: 25px;
	float:left;
	
	}
#ligne_case{
	background-color:#E9E8E4;
	background-image:url(../images/ligne_case2.jpg);
	background-repeat:no-repeat;
	margin: 0 7px 0 7px;
	padding: 0 0 0 270px;
	width:415px;
	height: 17px;
	float:left;
	
	}
	
.txt_ligne_case {
	color:#FFFFFF;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	}
	
.txt_ligne_case{
	display:block;
	float:left;
	width:25px;
	height:17px;
	color:#FFFFFF;
	background-image:url(../images/back_case_h.jpg);
	text-align:center;
	font-size: 0.9em;
	font-weight:bold;
	margin: 0 3px 0 0;
	cursor:pointer;
	}
	
.txt_ligne_case_hover
 {
	color:#FFF;
	text-align:center;
	font-size: 0,9em;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/back_case.jpg);
	cursor:pointer;
	}
#slider_case{

	height:150px;
	width:750px;
	float:left;
	margin: 0px 0 0 0;
}

#slider_case_left{
	height:310px;
	width:170px;
	background-color:#0FF;
	float:left;
}


#slider_case_milieu{
	height:310px;
	width:310px;
	background-color:#FFFFFF;
	float:left;
	padding-left:5px;
}

#slider_case_right{
	height:310px;
	width:240px;
	background-color:#FFFFFF;
	float:left;
}


/* Contenu news */
#news {
	height:30px;
	padding:0;
	clear:both;
	margin: 0 20px 0 0;
}

#bulle {
	background-image:url(../images/bulle.jpg);
	width:25px;
	height:20px;
	padding: 2px 1px 0 1px;
	margin:0;
	float:left;
	font-size:0.7em;
	font-weight:bold;
	color:#F9A425;
	text-align:center;
}

.bulle {
	font-size:0.6em;
	font-weight:bold;
	color:#F9A425;
	}
h4 {
	margin:-10px 0 0 25px;
	padding:0;
	font-size:0.7em;
	color:#F9A425;
	border-bottom:#CCC solid 1px;
	}
.news{
	margin:0 0 0 25px
}
	
.imgnews{
	float:left;
	margin:4px 5px 4px 5px;
	}


/* Contenu plan */


#plan{
	padding: 0 0 0 0;
	float:right;
	width: 480px;
}




/* Portfolio */
#portf {
	width: 950px;
	height: 120px;
	margin: 0;
	background-image:url(../images/portf.jpg);
	
}

#portf_bt {
	width: 160px;
	height: 120px;
	margin: 0;
	float:left;
	
}

.arrow{
	float:left;
	padding:0 5px 0 0;
	margin:17px 0 0 0;
	width:15px;
	height:75px;
	}
.portfolioimg{
	float:left;
	background:#333;
	width:100px;
	height:75px;
	padding:0 0px 0 0;
	margin:17px 5px 0 0 ;
	}

/* Pied de page */
#pied {
	color:#666;
	margin: 0px 3px 0px 6px;
	font-size: 0.7em;
	border-top:#CCC solid 1px;
	height:40px;
}

#pied a {
	color:#666;
	text-decoration:none;
}

#pied a:hover {
	color: #F8A525;
	text-decoration:underline;
}


.cpied1{
	float:left;
	width:150px;
	margin-top:10px;}
.cpied2{
	float:left;
	width:490px;
	height:80px;
	text-align:center;
	}
.cpied3{
	float:right;
	text-align:right;
	margin-top:10px;}

/* Classe image */	

.imgdr{
	margin: 0 0 0 20px;
}

/* Classe txt */	
.txtgras {
	font-weight:bold;}
	
.txtorange {
	color:#F8A525;}