@charset "UTF-8";
/* CSS Document */
* {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

html{
	background-image:url(../images/bgHTML.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#8AB01F;
}

#contener{
	background-image:url(../images/bgBody.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	
	height:990px;	
	}

#contenerGraphiste{		
	margin:0 auto 0;
	min-height:669px;
	width: 976px;
	}

#bandeauWebdesigner{
	background-image:url(../images/bgLogo.png);
	background-position:left top;
	background-repeat:no-repeat;
	
	height:86px;
	width: 976px;
}

#logo{
	float:left;
	height:84px;
	width: 300px;
	}

#telephoneIsaq{
	background-image:url(../images/contacterIsaq.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	float:right;
	font-size:12px;
	height:20px;
	line-height:33px;
	margin: 10px 30px 0 0;
	vertical-align: bottom;
	width: 210px;
	}
/*-- NAV -------------------*/
*+html ul#menuGraphiste{
	margin:20px 20px 0 0;
	}
ul#menuGraphiste{
	background-image:url(../images/bgMenuGraphiste.png);
	background-repeat:no-repeat;
	float:right;
	font-weight:bold;
	font-size:10px;

	height: 31px;
	list-style-type:none;
	margin: 25px 20px 0 0;
	padding-left: 10px;
	
	width: 594px ;
	}

ul#menuGraphiste li{
	float:left;
	height:24px;
	line-height:24px;
	margin: 10px 10px 0 10px;
	vertical-align:middle;;
}

ul#menuGraphiste li a {
	color:#000;
	margin-left:5px;
	text-decoration:none;
}
ul#menuGraphiste li.selected a, #menuGraphiste li:hover a {
	color:#FFF;
}

#bandeauGraphiste{
	background-image:url(../images/bgConteneurBody.png);
	background-position:left top;
	background-repeat:repeat-y;
	
	height:282px;
	margin-top:-5px;
	width: 976px;
	}
*+html #creationSiteInternet{
	margin-top:0px;
	}

#creationSiteInternet{
	background-image:url(../images/bandeauSiteInternet/webdesign.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-top:5px;
	
	height:277px;
	width: 961px;
	}
*+html #tarifs{
	margin-top:0px;
	}
#tarifs{
	background-image:url(../images/bandeauSiteInternet/tarifs.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-top:5px;
	
	height:277px;
	width: 961px;
	}
*+html #contact{
	margin-top:0px;
	}
	#contact{
	background-image:url(../images/bandeauSiteInternet/contact.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-top:5px;
	
	height:277px;
	width: 961px;
	}
*+html #competances{
	margin-top:0px;
	}
#competances{
	background-image:url(../images/bandeauSiteInternet/siteInternet.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-top:5px;
	
	height:277px;
	width: 961px;
	}
*+html #partenaires{
	margin-top:0px;
	}
#partenaires{
	background-image:url(../images/bandeauSiteInternet/graphisme.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-top:5px;
	
	height:277px;
	width: 961px;
	}
*+html #graphisme{
	margin-top:0px;
	}
#graphisme{
	background-image:url(../images/bandeauSiteInternet/referencement.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-top:5px;
	
	height:277px;
	width: 961px;
	}
*+html #developpementDurable{
	margin-top:0px;
	}
#developpementDurable{
	background-image:url(../images/bandeauSiteInternet/developpementDurable.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-top:5px;
	
	height:277px;
	width: 961px;
	}	
#definitionBlanc{
	color:#FFF;
	height:200px;
	margin-left:130px;
	padding-top:40px;
	width:460px;
	}
#definitionNoir{
	color:#000;
	height:200px;
	margin-left:130px;
	padding-top:40px;
	width:460px;
	}
#definitionNoir p{
	font-size:14px;
	}
#definitionNoir h5 a{
	color:#000;
	font-size:12px;
	font-style:italic;
	text-decoration:none;
	}
#definitionBlanc p{
	font-size:14px;
	}
#definitionBlanc h5 a{
	color:#FFF;
	font-size:12px;
	font-style:italic;
	text-decoration:none;
	}
/*---------------menuSeconniveau-----------*/
*+html #creationSiteWeb{
	margin-top:0px;
	}
#creationSiteWeb{
	margin-top:5px;
	border-top:#9C0 solid 2px;
	
	height:277px;
	width: 961px;
	background-position:left bottom;
	background-repeat:no-repeat;
	}
.creatif{
	background-image:url(../images/bandeauSiteInternet/creatif.png);
	}
.affaire{
	background-image:url(../images/bandeauSiteInternet/affaire.png);
	}
.artisan{
	background-image:url(../images/bandeauSiteInternet/artisan.png);
	}
.medical{
	background-image:url(../images/bandeauSiteInternet/medical.png);
	}
.ecologie{
	background-image:url(../images/bandeauSiteInternet/ecologie.png);
	}
.luxe{
	background-image:url(../images/bandeauSiteInternet/luxe.png);
	}
#creationSiteWeb ul{
	border-bottom:1px solid #99CC00;
	float:right;
	font-weight:bold;
	font-size:10px;

	height: 96px;
	list-style-type:none;
	padding-left:20px;
	/*margin-top:181px;¨¨*/
	width: 941px;
	}

#creationSiteWeb ul li{
	float:left;
	line-height:24px;
	margin-right:30px;
	vertical-align:middle;;
}

#creationSiteWeb ul li a {
	color:#000;
	text-decoration:none;
	border:none;
}
#creationSiteWeb ul li.selected a, li:hover a {
	color:#FFF;
}
#creationSiteWeb ul li a img{
	color:#000;
	text-decoration:none;
	border:none;
}

/*---------------contenu-----------*/
#contenu{
	background-image:url(../images/bgConteneurBody.png);
	background-position:left top;
	background-repeat:repeat-y;
	float:left;
	padding:20px 25px;	
	width: 926px;
}

p{
	font-size:12px;
	margin-right:50px;
}
#contenu h1 {
	color:#8AB01F;
	font-size:26px;
	font-weight:100;
	margin-bottom:10px;
	margin-top:0;
}
#contenu h1 a {
	text-decoration:none;
}
#contenu h1 a:hover {
	text-decoration:underline;
}
#contenu h2 {
	color:#D3031C;
	font-size:20px;
	font-weight:100;
	margin-bottom:0;
	margin-top:0;
}
#contenu h3 {
	font-size:12px;
	font-weight:bold;
	margin-top:0;
	text-align:justify;
	width:900px;
}
#contenu p {
	margin-bottom:10px;
	margin-left:30px;
	margin-right:20px;
	text-align:justify;
}
#contenu .feuille p {
	margin-left:0px;
	margin-bottom:0px;
}
#contenu a {
	color:#8AB01F;
}
#contenu a img{
	color:#FFF;
	float:left;
	border:none;
}
#contenu ul {
	font-size:12px;
	list-style-image:url(../images/flecherouge.gif);
	margin-top:5px;
	margin-left:15px;
	margin-bottom: 10px;
	text-align:justify;
}
#contenu ol {
	font-size:12px;
	list-style:inside;
	list-style-type:decimal;
	margin-top:5px;
	margin-left:100px;
	margin-bottom: 10px;
	text-align:justify;
	width:700px;
}
#contenu ol li{
	margin-bottom: 10px;
}
#contenu ol li strong{
	color:#8AB01F;
	font-weight:bold;
}
#col1{
	width:45%;
	float:left;
	}
#col2{
	border-left:#8AB01F dotted 2px;
	float:left;
	width:45%;
	padding-left:20px;
}
.TexteStyle{
	float:left;
	height:245px;
	margin-left:30px;
	width:500px;
	}
#contenu .TexteStyle  h1 {
	color:#E41770;
	font-size:26px;
	font-weight:100;
	margin-bottom:10px;
	margin-top:20px;
}
#contenu .TexteStyle h3 {
	font-size:12px;
	font-weight:bold;
	margin-top:0;
	text-align:justify;
	width:500px;
}
.feuille{
	background-image:url(../images/feuilleCarnet.png);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	height:230px;
	margin-left:60px;
	padding-left:50px;
	padding-top:40px;
	width:300px;
	}
/*------------refenrences------------*/
#contenu #references h1 {
	color:#8AB01F;
	font-size:20px;
	font-weight:100;
	margin-bottom:0px;
	margin-left:400px;
	margin-top:0;
	width:300px;
}
#contenu  #references h1 a {
	text-decoration:none;
}
#contenu  #references h1 a:hover {
	text-decoration:underline;
}
#contenu  #references h2 {
	color:#E41670;
	font-size:16px;
	font-weight:100;
	margin-bottom:0;
	margin-top:0;
	margin-left:400px;
	width:300px;
}
#contenu  #references h3 {
	font-size:12px;
	font-weight:100;
	margin-top:0;
	margin-left:400px;
	text-align:justify;
	width:300px;
}
#contenu  #references p {
	margin-bottom:10px;
	margin-left:30px;
	margin-right:20px;
	text-align:justify;
}
#contenu  #references a {
	color:#8AB01F;
}
#contenu #references ul {
	margin-left:415px;
	width:300px;
}

/*------------footer------------*/
 #footer{
	background-image:url(../images/bgConteneurBottom.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	height:92px;
	
	width: 976px;
}

ul#menuWebdesign{
	background-image:url(../images/bgMenuIsaqGraphiste.png);
	background-repeat:no-repeat;
	float:right;
	font-weight:bold;
	font-size:10px;
	height: 31px;

	list-style-type:none;
	margin: 20px 30px 0 0 ;
	
	width:750px;	}

ul#menuWebdesign li.first{
	border-left:none;
}

ul#menuWebdesign li.last{
	border-left:none;
}

ul#menuWebdesign li{
	border-left:#5D7323 solid 1px;
	float:left;
	height:12px;
	line-height:12px;
	margin: 10px 5px 0 5px;
	vertical-align:middle;
	width: ;
}

ul#menuWebdesign li a {
	color:#5D7323;
	margin-left:10px;
	text-decoration:none;
}
ul#menuWebdesign li a img{
	text-decoration:none;
	border:none;
}
ul#menuWebdesign li.selected a, #menuWebdesign li:hover a {
	color:#FFF;
}

#copyrightIsaq{
	color:#FFF;
	float:left;
	font-weight:bold;
	font-size:12px;
	height: 31px;
	text-align:center;
	width: 976px;
}

#copyrightIsaq a{
	color:#FFF;
}

/*------------------contact------------*/
fieldset {
border:0 none;
}
form {
font-size:12px;
margin-top:0;
}
form#mailform {
width:400px;
}
.contenttable contenttable-0 {
font-size:12px;
}
select {
font-size:12px;
}
.csc-mailform {
clear:both;
margin-left:0;
margin-right:10px;
margin-top:5px;
}
.csc-mailform-field {
margin-left:0;
padding-bottom:2px;
}
.csc-mailform-label {
padding-top:8px;
}
label {
clear:left;
color:#000000;
display:block;
float:left;
margin-left:0;
width:100px;
}
input {
font-size:12px;
}
input.csc-mailform-submit {
clear:left;
float:left;
margin-top:10px;
}
textarea {
font-size:12px;
}
#mailformformtype_mail {
margin-left:99px;}

/*MAIL*/
.macaron{
	margin-left:250px;}