@charset "UTF-8";
/* CSS Document */
body {
	margin:0;  
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:90%;
	color:#333;
}

img {
	border:none;
}

h1 {
	font-size:1.6em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:solid 1px #4B7A8E;
}

div.chapeau {
	font-size:13px;
	font-weight:bold;
	color:#788519;
	border:none;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin:5px 0 2px 0px;
}

span.new {
	font-size:13px;
	background-color:#FFFFCC;
}

h2 {
	font-size:1.3em;
	color:#444C0D;
	margin:8px 0 0 0;
}
h3 {
	margin-top:0px; padding-top:0px; margin-bottom:0px;
}
h4 {}
h5 {}
h6 {}

p {
	font-size:1em;
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.3em;
}

p.intro {
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#444C0D;
}

p.sansmarge {margin-top:4px;}

ul, ol, li {font-size:1em;
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.3em;}

a, a:link {
	color:#4B7A8E;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* LAYOUT */

#page {
	background-color:#FFFFFF; 
	padding:10px 0 30px 0; 	
	border-top:solid 5px #82A0B8; 
	
}

#contenant {
	width:950px;
	margin:0 auto;
	background:#FFFFFF url(http://localhost/Wao/images/degrade2.jpg) repeat-x bottom;
}

#contenu  {
	margin:0 5px; 

}

div.gauche {
	float:left;
	width:580px;
	margin-right:25px;
}

div.droite {
	float:right;
	width:335px;
}

div.droite, div.sidebar {	font-size:0.9em;
margin-top:25px;}	

.accueil div.droite {
	margin-top:0px;
}

div.clear {
	clear:both;
	border:none;
 	margin:0;
}

#contenu.texte {margin:0px 5px;}


/* --------------------------------------- 
HEADER & FOOTER 
--------------------------------------- */ 
#header {margin-bottom:1px;}
#header ul, #footer ul {padding-left:0px; margin-top:0px;}
#header ul li, #footer ul li {list-style-type:none;display:inline;}
#header ul li a, #footer ul li a {text-decoration:none;}

/* HEADER */

/* Menu principal*/
#header ul {padding-bottom:8px;/*border-bottom:solid 10px #C6CB91;*/ margin-bottom:0px; padding-left:0px; margin-left:0px;}
#header ul li {font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold; margin-right:15px; }
#header ul li img {padding-right:50px; margin-right:40px;border-right:1px solid #C6CB91;}
#header ul li a, #header ul li a:link {color:#4B7A8E;}
#header ul li.actif {
	padding-bottom:8px;
	background:#FFF url(../images/actif.gif) no-repeat center bottom;
}
#header ul li a:hover {color:#82A0B8;}

.bandeVerte {background-color:#C6CB91; margin-bottom:2px;}

/* Langue */
#langue {width:950px; margin:0 auto; text-align:right; padding-right:10px;}
#langue a {text-decoration:none;color:#788519;}
#langue a:hover {color:#C6CB91;}

/* FOOTER */
#footer {width:910px; background:#3E3A39 url(../images/bg_footer.jpg) no-repeat top center;padding:20px;min-height:45px; border-top:solid 5px #82A0B8;}
#footer img {float:right;border-left:solid 1px #6C685A;padding-left:50px;}

/* Menu principal*/
#footer ul li {margin-right:10px;}
#footer ul li a {color:#6C685A;}
#footer ul li a:hover {color:#C3A803;}

/* GET IN TOUCH */

.inTouch {
	background:#FFFFFF url(../images/degrade.jpg) repeat-x bottom;
	padding:0 5px 5px 5px;
}

.inTouch .photo img {
	float:left;
	padding-right:8px;
	
}

.inTouch .photo p {
	padding-top:5px;
}

.inTouch p.phone {
	font-size:1.1em;
	padding-bottom:0px;
	
}

.inTouch p.callme {
	margin:0px;
	padding:0px;
}

.inTouch p.vcard {
	margin:0px 0px 0px 5px;
	padding:0px;
}

/* WHAT I DO / ALL SERVICES */
ul.whatIdo {
	padding-left:0px;
	margin-left:0px;
	list-style:none;
}
ul.whatIdo li {
	/*list-style-image: url(../images/bullet.gif);*/
	background:url(http://www.waomarketing.com/images/bullet.gif) no-repeat left center;
	padding-left:20px;
	margin:2px 0px;
}


/* ACCUEIL */
/* Accueil Intro */

#contenu.accueil {margin:0px;}

#contenu.accueil div.gauche {
	float:left;
	width:600px;
	margin-right:5px;
}

#contenu.accueil div.droite {
	float:right;
	width:335px;
}

#contenu.accueil div.droite h1 {
	margin-top:10px;
}

.introAccueil {
	background:#3E3B39 url(../images/bg_introAccueil.jpg) no-repeat bottom right;
	margin-top:0px; padding:20px;
	min-height:130px;

}

.introAccueil h1 {
	width:340px;
	font-size:1.3em;
	color:#FFFFFF;
	font-style:italic;
	border:none;
}

.introAccueil h1 > span {color:#E7F0B7;}
.introAccueil h1 > span.signature {display:block; font-size:0.8em; text-align:right;}

/* Promo Accueil */

div.promoAccueil  {
	padding:0px 15px;
	margin-top:-20px;
	background-color:#E1CF83;
	border-top:solid 2px #FFF;
	border-bottom:solid 2px #FFF;
}
.contenuAccueil {
	background: #FFF url(../images/bg_contenuAccueil.jpg) repeat-x top left;
	padding-bottom:1em;
	min-height:276px;
}

.contenuAccueil p {
	margin-left:15px;
	margin-right:20px;
}

/* Boutons */

table.buttons {margin-bottom:10px;}
table.buttons div {text-align:center; font-weight:bold; line-height:35px;}
table.buttons div a,
table.buttons div a:link {display:block; width:225px; height:35px;background:#E6ECC0 url(../images/btn.gif) no-repeat top left;}
table.buttons div a:hover {text-decoration:none; background:#E6ECC0 url(../images/btn_o.gif) no-repeat top left;}
/* Latest News */
.News div {
	border-bottom:solid 1px #EDEDED;
	padding-bottom:5px;
}
.News div h2 {
	margin-bottom:4px;
}
.News div h2 .date {
	font-size:13px;
	color:#777;
	font-weight:normal;
}

.News div p {
	margin-top:0px;
	margin-bottom:5px;
}

/* Liste client */

ul.clients {list-style-type:none; padding-left:0px;}
ul.clients li {border-bottom:solid 1px #EDEDED; margin:4px 0px;}
ul.clients li .ville {color:#999999;}
ul.clients li .agence {color:#999999; font-size:0.8em; font-style:italic;}

/* Page Training */

.training h1 {
	margin:0px;
}

.syllabus  {
	border-top:solid 1px #ccc;
	text-align:right;
	padding:5px 35px 0px 5px;
	background:#FFf url(../images/pdficon.gif) no-repeat right;
}

ul.training {padding-left:20px;}
ul.training li {
	list-style-image: url(../images/bullet2.gif);
	margin:2px 0px;
}


/* Include logos (en colonne) */

div.logos {
	text-align:center;
	margin:40px 0;
}