@charset "UTF-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
font-family:trebuchet, arial, verdana, sans-serif;
}


div#container{
width:849px;
height:507px;
margin:0px auto 0px auto;
padding:0px;
}


div#left{
float:left;
}

div#content{
width:713px;
height:507px;
margin:0px;
padding:0px;
float:left;
}

div#right{
width:68px;
float:right;
}

div#rightredac{
width:68px;
height:507px;
float:right;
background-color:#f4f5cb;
}

div#txtnavigation{
margin:30px 0px 0px 0px;
}

/* div droite du portfolio  */

div#rightportfoliojaune{
width:68px;
height:507px;
float:right;
background-color:#dddc22;
}

div#rightportfoliorose{
width:68px;
height:507px;
float:right;
background-color:#ddb0cf;
}

div#rightportfolioorange{
width:68px;
height:507px;
float:right;
background-color:#ea8a00;
}



div.clear{
clear:both;
}



div#header{
width:713px;
height:87px;
float:left;
background-image:url(../images/home/headerhomefilet.gif);
background-repeat:repeat-x;
margin:0px;
padding:0px;
}

a.logo{
padding:0px 0px 0px 12px;
margin:0px;
}

div#headerportfolio{
width:713px;
height:87px;
margin:0px;
padding:0px;
}

div#vavighaut{
margin:0px;
padding:0px;
width:460px;
height:67px;
float:right;
}

ul.navigportfolio{
	list-style-type:none;
	font-size:14px;
	line-height:1.2;
	margin:0px;
	padding:0px;
	}
	
ul.navigportfolio li{
	margin:0px;
	padding:0px;
	display:inline;
	background-color:#CC6633;
	}
	
ul.navigportfolio li a{
	text-decoration:none;
	display:block;
	color:#7B8288;
	float:left;
	padding:5px 0px 0px 15px;
	margin:0px;
}

ul.navigportfolio li a:hover{
color:#000000;
}


ul.navigportfolio li .vert{
color:#dddc22;
}
ul.navigportfolio li .rose{
color:#ddb0cf;
}
ul.navigportfolio li .orange{
color:#ea8a00;
}


div#blog{
float:right;
width:60px;
height:60px;
}

div#menu{
width:138px;
height:124px;
padding:0px 0px 0px 0px;
margin:7px 0px 0px 71px;
}

div#menuredac{
width:138px;
height:70px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 71px;
}

div#menuportfolio{
width:138px;
height:80px;
padding:0px 0px 0px 0px;
margin:7px 0px 0px 71px;
}


ul.menu{
	list-style-type:none;
	font-size:13px;
	line-height:1.4;	
	margin:0px;
	padding:0px;
}

ul.menu li a{
text-decoration:none;
color:#7b8288;
}
ul.menu li a:hover{
color:#000000;
}

div#includeredac{
width:713px;
height:316px;
margin:122px 0px 0px 0px;
padding:0px;
}

div#includeportfolio{
width:713px;
height:332px;
margin:0px 0px 0px 0px;
padding:0px;
}
div#fleurtitreportfolio{
width:500px;
height:87px;
margin:0px;
padding:0px;
float:right;
}


div#titre{
margin:0px 0px 0px 71px;
}

h1{
font-size:18px;
color:#ea8a00;
margin:40px 0px 0px 0px;
padding:0px;
}

h2{
font-size:12px;
color:#ea8a00;
margin:5px 0px 0px 0px;
}


span.asterix{
font-size:18px;
color:#dddc22;
margin:5px 0px 0px 0px;
}

span.brevet{
font-size:9px;
color:#7b8288;
margin:0px 0px 0px 0px;
}

div#top{
width:172px;
height:98px;
background-image:url(../images/home/hauteurtop.gif);
background-repeat:repeat-x;
float:right;
margin:0px;
padding:0px;
}

div#topredac{
width:172px;
height:98px;
background-image:url(../images/visuelredac/hauteurredac.gif);
background-repeat:repeat-x;
float:right;
margin:0px;
padding:0px;
}

div#toplettres{
width:66px;
height:97px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#009966;
float:right;
}

ul.navig{
	list-style-type:none;
	font-size:16px;
	line-height:1.2;
	margin:0px;
	padding:10px 0px 0px 0px;
	background-image:url(../images/home/navigportfolio.jpg);
	background-repeat:no-repeat;
	width:713px;
	height:160px;
	}
ul.navig li a{
text-decoration:none;
display:block;
color:#7B8288;
float:left;
padding:49px 3px 0px 48px;
margin:0px;
}
ul.navig li a:hover{
color:#ea8a00;
}

/* CSS footer */


ul.txtfooter{
list-style-type:none;
}

ul.txtfooter li{
text-decoration:none;
font-size:12px;
color:#ea8a00;
display:block;
float:left;
padding:25px 3px 27px 10px;
margin:0px;
}

ul.txtfooter li{
display:inline;
}



/* CSS include atlier */

div#conteneur{
width:713px;
height:316px;
margin:0px;
padding:0px;
}

h3{
width:300px;
height:30px;
margin:0px 0px 0px 30px;
padding:0px;
font-size:24px;
color:#7b8288;
font-weight:normal;
}

div#txtgrand{
width:683px;
margin:5px 0px 10px 30px;
padding:0px 0px 0px 0px;
float:left;
font-weight:400;
color:#7b8288;
font-size:13px;
line-height:15px;
}

div#txtpetit{
width:258px;
height:58px;
margin:0px 0px 0px 0px;
float:right;
font-weight:400;
color:#7b8288;
font-size:13px;
line-height:15px;
}

div.clear{
clear:both;
}

div#img_incl_atelier{
width:263px;
height:116px;
float:right;
}

/* CSS include ons 's'y met */
div#onsymet{
width:300px;
height:30px;
background-color:#00CC66;
margin:0px 0px 0px 30px;
padding:0px;
font-size:24px;
color:#7b8288;
}

div#cartesvisite{
width:683px;
height:45px;
margin:10px 0px 0px 30px;
padding:0px 0px 0px 0px;
font-weight:400;
color:#7b8288;
}

ul.listecartevisite{
list-style-type:none;
margin:0px;
padding:0px;
}
ul.listecartevisite li{
margin:0px 0px 0px 0px;
padding:50px 30px 33px 0px;
display:inline;
float:left;
font-size:13px;
line-height:16px;
font-weight:300;
}
span.corpsgrand{
font-size:18px;
line-height:18px;
}


div#imagevigne{
width:263px;
height:116px;
background-color:#00CC66;
margin:10px 0px 0px 0px;
float:right;
}

/* CSS include contact */
div#onsappelle{
width:300px;
height:30px;
background-color:#00CC66;
margin:0px 0px 0px 30px;
padding:0px;
font-size:24px;
color:#7b8288;
}
div#txtpetitcontact{
width:258px;
height:90px;
margin:0px 0px 0px 0px;
float:right;
font-weight:400;
font-size:14px;
line-height:15px;
color:#7b8288;
}
span.txtevidencecontact{
font-size:15px;
line-height:18px;
color:#cccb20;
}
a.mail{
text-decoration:none;
font-weight:400;
color:#ea8a00;
font-size:14px;
line-height:15px;
}
a.mail:hover{
color:#d29fc2;
}
div#txtgrandcontact{
width:683px;
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
float:left;
font-weight:400;
color:#cccb20;
font-size:18px;
line-height:18px;
}

span.grandcontactorange{
color:#ea8a00;
font-size:21px;
}
span.grandcontactpetit{
color:#d29fc2;
font-size:13px;
} 

div#img_incl_contact{
width:286px;
height:116px;
background-color:#00CC66;
margin:0px 0px 0px 0px;
float:right;
}
/* CSS include liens */
div#liens{
width:300px;
height:30px;
background-color:#00CC66;
margin:0px 0px 0px 30px;
padding:0px;
font-size:24px;
}

div#txtgrandliens{
width:683px;
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
float:left;
font-weight:400;
color:#cccb20;
font-size:18px;
line-height:18px;
}
div#txtpetitliens{
width:258px;
height:90px;
margin:0px 0px 0px 0px;
float:right;
font-weight:400;
color:#7b8288;
font-size:14px;
line-height:15px;
}
div#img_incl_liens{
width:263px;
height:116px;
background-color:#00CC66;
margin:0px 0px 0px 0px;
float:right;
}