@charset "utf-8";
/* CSS Document */
/*  -- colors
blue: #2FACE6;
bleu fonce : #2387b5 ;
orange: #ff7400;
green: #abc507;
vert fonce : #819407;
white:  #f9f8f5
grey-sombre:    #464646
*/


div, a, img, h1, h2, ul, li, span, p, ol, table, tr, td, h3, h4, h5, h6 , button {margin:0;padding:0; border:0;}

a:link,a:visited,a:active {text-decoration:none; color:#586b7a; }
html, body {height:100%;}
body {margin:0;padding:0;background-image:URL(image/motif.gif);font-family:trebuchet MS;font-size:18px;font-weight:bold; color:#586b7a;}

.right {text-align:right;}
.f-left {float:left;}
.clear {clear:both;}

#contenu { padding:0 20px; width:738px; min-height:100%;}

#conteneur {width:950px; margin:0 auto;}
#ie6 #conteneur {height:100%;}

#menu {width:120px; margin-top:150px;float:left; padding-right:2px;}
#menu a {font-size:18px;font-weight:bold;color:#f9f8f5;display:block;line-height:32px; text-align:right; padding-right:14px;}
#menu .active {border-right:4px solid #ff7400;padding-right:10px;}
#menu a:hover {border-right:4px solid #abc507; padding-right:10px;}

#header {background-image:URL(image/logo.gif); background-repeat:no-repeat; height:150px; background-position:310px 10px;}

#contenu {width:778px; background-color:#f9f8f5; float:left; min-height:100%;}
#ie6 #contenu {height:100%;}

#voeux {text-align:center; padding:5px; border:1px solid #D3DAED; width:400px; margin: 0 auto; line-height:0; margin-top:50px;margin-bottom:100px;}

.col {width:203px;float:left; margin-left:40px; }
	.col-gauche h2, .col h2 {font-size:18px; font-weight:bold; margin:15px 0;}
	.col-gauche h4, .col h4  {font-size:14px; margin:5px 0 2px 0;color:#464646;}
.col-gauche {width:203px; float:left; margin-left:10px; }


.slogan {}
h3 {font-size:16px; margin:10px 0;}
p {font-size:12px; text-align:left; margin-bottom:15px;font-weight:normal;}
	.col a {text-align:center; display:block; margin:30px 0;font-size:12px;}
#contenu img {/*display:block; float:left;margin:auto;*/}
.white {color:#f9f8f5; /*position:bottom;*/}
.red {color:#ff7400;}

.orange {background-image:URL(image/orange.gif); background-repeat:no-repeat; height:130px; width:179px; padding:10px 10px 10px 10px; margin:auto;}
.crea {color:#ff7400;}

.vert {background-image:URL(image/vert.gif); background-repeat:no-repeat; height:130px; width:179px; padding:10px 10px 10px 10px; margin:auto;}
.dev {color:#abc507;}

.bleu {background-image:URL(image/bleu.gif); background-repeat:no-repeat; height:130px; width:179px; padding:10px 10px 10px 10px; margin:auto;}
.ref {color:#2FACE6;}

#roll {margin:0 auto; /*text-align:center;*/}
	#roll a:hover {}
	/*#roll p {float:left; text-align: center; margin:0 10px; }*/
	#roll img {border:1px solid #abc507; padding:5px 5px;}

#construction h4 {font-size:14px;color:#464646;margin:10px 40px 20px 20px;}

/*-- portfolio 1--
.miniature {float:left;margin:10px;}
#grand-format { text-align:center; float:right; margin:3px;}
#portfolio h4 {font-size:14px;color:#464646;margin:10px 40px;}
*/
/*-- Profil/CV--*/
#profil {text-align:justify;}
#profil a {color:#819407;}
#profil a:hover {color:#ff7400;}

#profil  h2 {font-size:18px; font-weight:bold; margin:15px 0;}

.moi a {margin:0; text-align:left;}	
.moi h4 {padding-bottom:5px;}

.comp {}
.comp p {margin:5px 0; text-align:right; }	
.comp img { padding-left:15px; width:78px; height:14px; }
.comp img {behavior: url(iepngfix.htc);}
	
.pro {float:left; width:480px; padding-left:20px;}
.mot {float:left; width:210px; margin-left:20px;}	
.mot h4 {font-size:14px; margin:5px 0 2px 0;color:#464646;}
.mot strong {color:#2387b5; font-weight:normal;}


/*-- portfolio 2--*/
#portfolio2 h4 {font-size:14px;color:#464646;margin:10px 20px;}
#contenu {padding:0 20px;}
#contenu {width:738px;}
.miniature {border-top:1px solid #586b7a; clear:both; min-height:150px; /*padding:20px;*/}
	.miniature a {color:#ff7400; font-size:14px;}


.img { width:150px; border:1px solid #E6E6E6; text-align:center; margin-right:10px; display:block; padding:5px; margin:10px 20px 10px 20px;}
/*	.img:hover{border:1px solid #ff7400;}*/

/*formulaire de contact*/
.etoile {}

#contact h4 {font-size:14px; margin:20px; }
#contact h2 {font-size:16px; margin:20px;}
fieldset {border:none;}
legend {visibility:hidden;}
.auto {float: left; width:140px; font-size:14px; text-align:right; padding-right:10px; text-align:center; margin:10px 0;}


/*-- footer --*/
#footer {margin:0 auto; text-align:center; width:900px;}
	#footer p {font-size:12px; text-align:center; padding-top:15px; line-height:30px;}
	#footer a {color:#f9f8f5;}