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

body {
	background-color: #000000;
	background-image:url(images/bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
}



#wrapper_accueil {
	margin: 0 auto;
	width: 1024px;
	background-color:#191919;
}

a img { 
border:none;
}




a.client:hover{
	border-color: #009900;
	border: thik;  
} 
a.client:visited{
color:#333333;
text-decoration:none;

}




/*__________________________________________________________________ header*/

#header { 
width: 1024px;
height:161px;
float:left;
}


#logo { 
padding-top:86px;
width: 388px;
height:44px;
float:left;
}


#news_droite { 
margin: 0 auto;
width: 545px;
height:44px;
padding-top:86px;
float: left;
}

#nouvelles {
	margin: 0 auto;
	width: 225px;
	height:44px;
	padding-left:290px;
	float: left;
	text-align:right;
}

.nouvelles_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color: #afbd21;
	text-decoration: none;
}

.nouvelles_texte{ 
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
font-weight:normal;
color: #bbbbbb;
text-decoration:none;
}

.nouvelles_texte:hover{
text-decoration:none;
color: #ffffff;
}

#lien_plus { 
margin: 0 auto;
width: 16px;
height:12px;
padding-top:28px;
padding-left: 2px;
float: left;

}

.plus{ 
font-family: Arial, sans-serif;
font-size:10px;
font-weight:normal;
color:#afbd21;
text-decoration:none;
}

.crochet{ 
font-family: Arial, sans-serif;
font-size:11px;
font-weight:normal;
color:#afbd21;

}

/*____________________________________________________________________ menu*/

#pointermenu2{
	width:207px;
	height:195px;
	float:left;
	margin-left:0;
	padding-left:0;
	margin-top: 0px;
}

#pointermenu2 ul{
	float: left;
	font: 24px Arial, Helvetica, sans-serif;
	line-height:24px;
	margin-left:0; 
	padding-left:0
}

* html #pointermenu2 ul{ /*IE6 */
margin-left: 0px;
margin-top:0px; /* IE*/
}

#pointermenu2 ul li{
display: inline;
}

#pointermenu2 ul li a{
float: left;
color: white;
font-weight: bold;
text-decoration: none;
}

#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ 
color: #afbd21;
}

/*____________________________________________________________________ footer*/

#footer{
margin-left:112px;
width:802px;
height:99px;
float:left;
text-align:center;
}

.footer_texte { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color: #4d4d4d;
}

/*____________________________________________________________________ accueil*/

#content{
	width:932px;
}

#frame_intro{
	margin-left:91px;
	margin-right:110px;
	width:525px;
	height:491px;
	float:right;
	text-align:justify;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
	padding-left: 0px;
}

.intro_texte { 
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:normal;
color: #ffffff;
line-height:19px;
}

#frame_flash{
margin-top: 57px;
width:525px;
height:191px;
background-color:#191919;
}

#frame_creation{
	width:802px;
	height:163px;
	float:left;
	padding-left: 112px;
}

.creations{
	margin-right:17px;
	width:120px;
	height:71px;
	background-color:787878;
	float:left;
	border: none;
}

.creation_derniere{
width:120px;
height:71px;
background-color:787878;
float:left;
}


/*____________________________________________________________________ clients*/

#wrapper_clients { 
margin: 0 auto;
width: 1024px;
height: 1405px;
background-color:#191919
}

#frame_logo { 
margin: 0 auto;
margin-left:91px;
margin-right:20px;
width: 520px;
height: 934px;
float:right;
}

#logo_premier { 
margin: 0 auto;
width: 104px;
height: 87px;
}

#logo_autres { 
margin: 0 auto;
width: 104px;
height: 87px;
}

/*____________________________________________________________________ portfolio*/

#wrapper_portfolio {
	margin: 0 auto;
	width: 1024px;
	height: 800px;
	background-color:#191919
}

#frame_portfolio {
	margin: 0 auto;
	width: 1024px;
	height: 350px;
	float: left;
}

.frame_fleche_prev {
	margin: 0 auto;
	width: 14px;
	height: 156px;
	float: right;
}

.frame_fleche_next {
	margin: 0 auto;
	width: 14px;
	height: 156px;
	float: left;
	margin-left: 3px;
}

.cadre_portfolio {
	margin: 10 auto;
	margin-left:10px;
	width: 257px;
		float: left;
}

.cadre_image { 
margin: 0 auto;
margin-bottom:18px;
width: 257px;
height: 156px;
float: left;
border: none;
}

.cadre_texte { 
margin: 0 auto;
width: 257px;
height: 30px;
float: left;
}

.portfolio_titre { 
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:bold;
text-transform:uppercase;
line-height:16px;
color: #787878;
text-decoration:none;
}

.portfolio_titre:hover { 
color: #ffffff;
}

.portfolio_sous-titre { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color: #787878;
}

/*____________________________________________________________________ portfolio*/

/*____________________________________________________________________creation RO*/



a.cr1 {
  display: block;
  height: 71px
  width:120px;
  background: url(images/creations/racine_off.gif) no-repeat;
}
a.cr1:hover {
  background: url(racine','','images/creations/racine_on.gif) no-repeat;
}







/*____________________________________________________________________creation RO*/
