/* -------  eXpertise @ndroid  ------- */

/*  =COULEURS
---------------------------------------------------
vert #99CC33 -> #99FF00
*/


body {background: #141414 url('../img/content_bg.png') repeat-y center;font-family: "Lucida Grande",Helvetica,Verdana,Arial,sans-serif;}

a {color: #99CC33; text-decoration: underline;}
a:hover {color: #99FF00;}

em.expa { color: #99CC33; font-style: normal;}
em.expa span { color: #FF6600;}

#top_container{background: url('../img/top_bg.jpg') top repeat-x;}

#top_container .navigation{ background: url('../img/nav_bg.png') transparent no-repeat center top;margin-top: 1em;height: 52px;}

#top_container .navigation ul { list-style-type: none; text-align: right;padding-top: 18px;}
#top_container .navigation ul li{display: inline; color: white;font-weight: bold; font-size: 14px;text-transform: uppercase;padding: 0px 10px;background: url('../img/nav_sep.png') no-repeat right;}
#top_container .navigation ul li.last{background: none;}
#top_container .navigation ul li a{ color: white;text-decoration: none;}
#top_container .navigation ul li a:hover{ color: #99FF00;}
#top_container .navigation ul li.active a{ color: #99CC33;}

/* #top_container .spotlight {background: url('../img/spotlight_bg.png') repeat-y ;} */
#top_container .top_spotlight{ background: url('../img/nav_bg.png') transparent no-repeat center bottom;margin: 0;height: 5px;}

 #top_container .spotlight {background: url('../img/spotlight_bg_main.png') no-repeat bottom;}
 #top_container .spotlight h1 {margin: 20px; color: #FF6600;font-size: 1.8em;text-transform: uppercase; font-weight: bold;text-shadow: 1px 1px #CCCCCC;}
 #top_container .spotlight p {margin: 25px;font-size: 1.4em;text-shadow: 1px 1px #CCCCCC;}
.image_spotlight { text-align: center; }
#content_container { background: url('../img/content_top_bg.png') no-repeat center top; padding-top: 25px;color: #999999;}

#content_container h1 { margin: 20px;color: #FF6600;font-size: 1.6em;}
#content_container h2 { margin: 23px;color: #CCCCCC;font-size: 1.4em;font-weight: bold;}
#content_container h3 { margin: 23px;color: #CCCCCC;font-size: 1.2em;font-weight: bold;}
#content_container h4 { margin: 23px;color: #CCCCCC;font-size: 1.0em;font-weight: bold;}
#content_container p { margin: 26px;}

.langues_switch { text-align: right;padding-top: 10px;}
.langues_switch a {color: white;}
.langues_switch a:hover { text-decoration: underline; }

#content_container #talk_about{ background: url('../img/talk_icon.jpg') no-repeat 30px 0px;}
#content_container #talk_about h2 {margin-left: 116px; min-height: 50px;text-transform: uppercase; }

#content_container #meet_us{ background: url('../img/meet_us.jpg') no-repeat 30px 0px;}
#content_container #meet_us h2 {margin-left: 100px; min-height: 50px;text-transform: uppercase; }

dl {margin-left: 30px;}
dl dt{color: #EFEFEF;margin-bottom: 10px;}
dl dd{margin-bottom: 20px;}



dl.realisation dt {width: 100px;height: 150px; float: left;clear: left;}
dl.realisation dd {width: 470px;float: left;margin-bottom: 30px;text-align: justify;}
dl.realisation dd span {display: block;font-weight: bold; color: #CCCCCC;}

dl.partenaires dt {width: 150px; float: left;clear: left;}
dl.partenaires dd {width: 410px;float: left;margin-bottom: 30px;text-align: justify;}
dl.partenaires dd span {display: block;font-weight: bold; color: #CCCCCC;}


.actus {background: url('../img/actus_bg.png') no-repeat bottom left;padding: 0px;margin-top: 20px;}
#content_container .actus h1{background: url('../img/actus_bg_top.png') no-repeat top;min-height: 44px;margin: 0px;padding-top: 10px;padding-left: 14px;text-transform: uppercase;font-weight: bold;text-shadow: 1px 1px #0;}

.actus dl {width: 270px;margin-left: 12px;}
.actus dl dt{color: #EFEFEF;}
.actus dl dt span{ border: 1px solid #99CC33; border-width: 0px 1px;padding: 0px 3px;}
.actus dl dd{margin: 10px 0px 10px 6px;text-align: justify;}

#content_container ul li {color: #99CC33;}
#content_container ul li span{color: #999999;}

p.contact-link { text-align: right;}

form#contact { width: 500px;;margin-left: 50px;}

form#contact label {
	float:left;
	text-align:right;
	width:70px;
	padding: 12px 20px 0px 0px;
	
	
	}
form#contact fieldset{ border: 1px solid #333333; color: #99CC33;}

form#contact .input { width: 300px; height: 26px; background: transparent url('../img/forms-input.png') no-repeat;border: 0px;background-position:0 -40px;padding: 7px;font-size: 14px; font-weight: bold;}
form#contact .input:hover { background-position: 0 0px;}
form#contact .textarea { width: 300px; height: 240px; background: transparent url('../img/forms-tarea.png') no-repeat;border: 0px;padding: 7px;font-size: 14px; font-weight: bold;background-position:0 -260px;}
form#contact .textarea:hover { background-position:0 0px;}
form#contact .submit { text-align: right;margin-right: 60px;}

#footer_container {background: #4F651A;margin-top: 30px;}
#footer_container .footer{ text-align: center;background: url('../img/footer_bg.png') repeat-y center;padding-bottom: 30px;padding-top: 20px;}
#footer_container .footer p { margin: 0px;}