/* CSS ALTERNACTIV */

body { padding:0px; margin:0px; background: url(images/dgrad.jpg) repeat-x; background-color:#c5c5c1;}
p { padding:0px; margin:0px;}
img { border:0px; padding:0px;}


/* Page accueil */
#backg {
	width:356px;
	height:693px;
	background: url(images/backg.jpg) no-repeat 0px 220px;
}
#global {
	width:980px;
	left:50%;
	margin-left:-490px;
	position:absolute;
}
#header {
	height:116px;
	width:980px;
	display:block;
	background: url(images/tete.jpg) no-repeat 487px 85px;
}
#header2 {
	height:75px;
	width:980px;
	display:block;
	padding-top:41px;
}
#header img{ padding-top:41px;}
#menu {
	width:980px;
	background: url(images/menu.jpg) no-repeat 0px 0px;
	height:34px;
}
#menu ul{
	padding:0px;
	margin:0px;
}
#menu ul li{
	display:inline;
	list-style-type:none;
	}
#menu2 {
	float:left;
	display:block;
	width:285px;
	height:219px;
	background: url(images/menu1-creation.jpg) no-repeat ;
}
#bandeau {
	float:left;
	display:block;
	width:695px;
	height:219px;
	background: url(images/bandeau-acc.jpg) no-repeat ;
}

#contenugauche { 
	float:left;
	padding-top:15px;
	display:block;
	width:600px;
}
#contenudroite { 
	float:left;
	display:block;
	width:380px;
	padding-top:15px;
}
H1 { 
	height: 27px;
	padding-left:60px;
	margin-top:30px;
	margin-bottom:15px;
	background: url(images/barre-titre1.jpg) no-repeat ;
    color:#e76f1f; font-family:  "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold;
}
.titre1 { 
	height: 27px;
	padding-left:60px;
	margin-top:30px;
	margin-bottom:15px;
	background: url(images/barre-titre1.jpg) no-repeat ;
    color:#e76f1f; font-family:  "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold;
}
.texte1 { 
	padding-left:60px;
	width:450px;
    color:#5f6160; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal;
}
.texte2 { 
	padding-left:60px;
	width:450px;
    color:#1994d9; font-family:  "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold;
}
.texte2 a{ 
	color:#1994d9; text-decoration:none;
}
#clearer{width:980px;height:1px;clear:both;overflow:hidden}
#footer {
	float:left;
	width:980px;
	height:75px;
	background: url(images/footer.gif) no-repeat ;
	display:block;
	margin-top:10px;
}
.footer1 {
	float:left;
	width:230px;
	display:block;
	padding-left:70px;
	padding-top:31px;
	color:#FFFFFF; font-family:  "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal;
}
.footer1 a{
	color:#FFFFFF; font-family:  "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; text-decoration:none;
}
.footer2 {
	float:left;
	width:310px;
	display:block;
	padding-left:70px;
	padding-top:35px;
	color:#FFFFFF; font-family:  "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-decoration:underline;
}
.footer2 a {
	color:#FFFFFF; font-family:  "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-decoration:underline;
}
.footer3 {
	float:left;
	width:230px;
	display:block;
	padding-left:70px;
	padding-top:31px;
	color:#FFFFFF; font-family:  "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal;
}
.footer3 a{
	display:block;
	height:40px;
	width:100px;
	position:relative;
	margin-top:-20px;
}
#menu  a { float: left; display: block; height: 24px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; text-decoration:none;  padding-left:5px; padding-top:10px; }
#menu  a span { padding-left:5px; }
.menuoff {text-decoration:none; color:#474747;}
.menuon {text-decoration:none; color:#FFFFFF;}
#menu  a:hover span { color:#FFFFFF; }
#menu a img { margin-top:-10px;}

#img1 {  background: url(images/menu.jpg) no-repeat -286px 0px; width:75px;}
#img2 {  background: url(images/menu.jpg) no-repeat -366px 0px; width:50px;}
#img3 {  background: url(images/menu.jpg) no-repeat -424px 0px; width:195px;}
#img4 {  background: url(images/menu.jpg) no-repeat -626px 0px; width:100px;}
#img5 {  background: url(images/menu.jpg) no-repeat -736px 0px; width:80px;}

#img1s { background: url(images/menu.jpg) no-repeat -286px -34px; width:75px;}
#img2s { background: url(images/menu.jpg) no-repeat -366px -34px; width:50px;}
#img3s { background: url(images/menu.jpg) no-repeat -424px -34px; width:195px;}
#img4s { background: url(images/menu.jpg) no-repeat -626px -34px; width:100px;}
#img5s { background: url(images/menu.jpg) no-repeat -736px -34px; width:80px;}

#img1:hover { background: url(images/menu.jpg) no-repeat -286px -34px; width:75px;}
#img2:hover { background: url(images/menu.jpg) no-repeat -366px -34px; width:50px;}
#img3:hover { background: url(images/menu.jpg) no-repeat -424px -34px; width:195px;}
#img4:hover { background: url(images/menu.jpg) no-repeat -626px -34px; width:100px;}
#img5:hover { background: url(images/menu.jpg) no-repeat -736px -34px; width:80px;}

/* Page news  */ 
#bandeau2 {
	float:left; display:block; width:695px;	height:219px; background: url(images/bandeau-actualites.jpg) no-repeat ; }
#menub {
	width:980px;
	background: url(images/menu2.jpg) no-repeat 0px 0px;
	height:34px;
}
#menub ul{
	padding:0px;
	margin:0px;
}
#menub ul li{
	display:inline;
	list-style-type:none;
	}
#menub  a { float: left; display: block; height: 24px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; text-decoration:none;  padding-left:5px; padding-top:10px; }
#menub  a span { padding-left:5px; }
#menub  a:hover span { color:#FFFFFF; }
#menub a img { margin-top:-10px;}

#aimg1 {  background: url(images/menu2.jpg) no-repeat -286px 0px; width:75px;}
#aimg2 {  background: url(images/menu2.jpg) no-repeat -366px 0px; width:50px;}
#aimg3 {  background: url(images/menu2.jpg) no-repeat -420px 0px; width:102px;}
#aimg4 {  background: url(images/menu2.jpg) no-repeat -526px 0px; width:95px;}
#aimg5 {  background: url(images/menu2.jpg) no-repeat -625px 0px; width:80px;}

#aimg1s {  background: url(images/menu2.jpg) no-repeat -286px -34px; width:75px;}
#aimg2s {  background: url(images/menu2.jpg) no-repeat -366px -34px; width:50px;}
#aimg3s {  background: url(images/menu2.jpg) no-repeat -420px -34px; width:102px;}
#aimg4s {  background: url(images/menu2.jpg) no-repeat -526px -34px; width:95px;}
#aimg5s {  background: url(images/menu2.jpg) no-repeat -625px -34px; width:80px;}

#aimg1:hover {  background: url(images/menu2.jpg) no-repeat -286px -34px; width:75px;}
#aimg2:hover {  background: url(images/menu2.jpg) no-repeat -366px -34px; width:50px;}
#aimg3:hover {  background: url(images/menu2.jpg) no-repeat -420px -34px; width:102px;}
#aimg4:hover {  background: url(images/menu2.jpg) no-repeat -526px -34px; width:95px;}
#aimg5:hover {  background: url(images/menu2.jpg) no-repeat -625px -34px; width:80px;}

#contenunews1 { 
	float:left;
	padding-left:65px;
	padding-top:15px;
	display:block;
	width:425px;
	padding-bottom:20px;
}
#contenunews2 { 
	float:left;
	padding-left:50px;
	padding-top:15px;
	display:block;
	width:440px;
}
#contenunews3 { 
	float:left;
	padding-left:65px;
	display:block;
	width:925px;
	padding-top:15px;
}
.titrenews {
	color:#da600f; font-family:  "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight:normal;
	padding-left:30px;
	padding-top:10px;
}
.textenews {
	color:#474847; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal;
	padding-left:30px;
	padding-right:70px;
	padding-top:5px;
}
.textenews a{
	color:#474847; text-decoration:underline;
}
/* Page portfolio */ 
#bandeau3 {
	float:left; display:block; width:695px;	height:219px; background: url(images/bandeau-portfolio-graphiste.jpg) no-repeat ; }

#contenuref1 { 
	float:left;
	display:block;
	padding-left:60px;	
	width:190px;
}
#contenuref2 { 
	float:left;
	padding-top:15px;
	display:block;
	width:730px;
}
#contenuref1 ul{ 
	width:190px;
	display:block;
	background: url(images/portfolio-freelance-1.gif) no-repeat ;
	list-style-type:none;
	padding:0px; margin:0px;
	padding-top:50px;

}
#contenuref1 ul li a{ 
	background: url(images/portfolio-freelance-2.gif) no-repeat ;
	height:20px;
	display:block;
	padding-left:40px;
	padding-top:5px;
	color:#898989; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; text-decoration:none;
	
}
#contenuref1 ul li a:hover{ 
	background: url(images/portfolio-freelance-3.gif)  no-repeat ;	
	color:#292929;
}
.refselect { 
	background: url(images/portfolio-freelance-3.gif)  no-repeat ;	
}

.reftitre {
	color:#234d80; font-family:  "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight:normal;
}
.reftexte { 
	width:300px;
    color:#5f6160; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal;
}
#refer {
	float:left;
	width:300px;
	padding-left:50px;
	padding-bottom:20px;
}


/* Page prestations  */

#bandeau4 {
	float:left; display:block; width:695px;	height:219px; background: url(images/bandeau-prestations.jpg) no-repeat ; }
	
#contenuprest1 { 
	float:left;
	display:block;
	padding-left:60px;	
	width:190px;
}
#contenuprest1 ul{ 
	width:190px;
	display:block;
	background: url(images/prestations-freelance-1.gif) no-repeat ;
	list-style-type:none;
	padding:0px; margin:0px;
	padding-top:50px;

}
#contenuprest1 ul li a{ 
	background: url(images/portfolio-freelance-2.gif) no-repeat ;
	height:20px;
	display:block;
	padding-left:40px;
	padding-top:5px;
	color:#898989; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; text-decoration:none;
	
}
#contenuprest1 ul li a:hover{ 
	background: url(images/portfolio-freelance-3.gif)  no-repeat ;	
	color:#292929;
}
#contenuprest2 { 
	float:left;
	padding-left: 50px;
	display:block;
	width:680px;
}

/* Page contact  */

#bandeau5 {
	float:left; display:block; width:695px;	height:219px; background: url(images/bandeau-contact.jpg) no-repeat ; }

#contenuco1 { 
	float:left;
	padding-left:100px;
	display:block;
	width:500px;
}
#contenuco2 { 
	float:right;
	display:block;
	width:380px;
}
.texteco { 
    color:#5f6160; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal;
}


/* Liens   */
.texteref {color:#5f6160; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight:normal;padding-left:60px;width:450px; }
.texteref a{color:#1994d9; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight:normal; text-decoration:none;}