/* Encodé en UTF-8 */

/*** HTML ELEMENTS ***/
p, form, img, h1, h2, h3, h4, h5, h6, ul, ol, li, html, body {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

html {
	height: 100%;
}

body {
	background: url(../images/theme/background_website.jpg) repeat-x #f1f2f6;
	font: 62.5% Arial, Helvetica, sans-serif;
	height:100%;
	margin:0;
	padding:0;
}

.hide {
	position: absolute;
	left: -5000px;
}

/* STYLE GENERALE ###################################
###################################################*/

#content h1{
	
}

#content h2{
	
}

#content h3{
	
}

#content h4{
	
}

#content h5{
	
}

#content a{
	color:#FF0000;
	text-decoration:none;
}

#content a:hover{
	text-decoration:underline;
}

#content p{
	margin:10px 0;
	line-height:140%;
	color:#8e8e8e;
}

#content img{

}

.imgleft{
	float:left;
	margin:0 10px 10px 0px;
}

.imgright{
	float:right;
	margin:0 0px 10px 10px;
}

#content blockquote{
	background: url(../images/theme/blockquote.jpg) 15px 15px;
	background-color:#f4f4f4;
	background-repeat:no-repeat;
	padding:10px;
	clear:both;
	margin:20px 0;
}

#content blockquote p{
	padding:0 0 0 80px;
	font-style:italic;
	text-align:justify;
}

#content ul{
	margin:0;
	padding:0;

}

#content ul li{
	list-style:none;
	background: url(../images/theme/puce1.png);
	background-position:0 2px;
	background-repeat:no-repeat;
	margin:0;
	padding:0 0 0 15px;
	font-size:1.1em;
}

#content ul li p{
	font-size:1em;
}

#content ul li a{
	font-size:1em;
	color:#676767;
}

#content ul li a:hover{
	font-size:1em;
	text-decoration:none;
}

#content ul li ul li{
	list-style:none;
	background: url(../images/theme/puce2.png);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding:2px 0 5px 20px;
	font-size:1em;
	color:#626262;
	font-weight:normal;
}

#content ul li ul li ul li{
	list-style:none;
	background: url(../images/theme/puce3.png);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	font-size:1em;
	color:#626262;
	font-weight:normal;
}

#content ul li ul li ul li ul li{
	list-style:none;
	background: url(../images/theme/puce3.png);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	font-size:1em;
	color:#626262;
	font-weight:normal;
}

/*** NAVIGATION ###################################
############################################## **/
/* LANGUES */
#page #nav-lang{
	margin:0;
	padding:0;
	float:right;
}

#page #nav-lang li{
	list-style:none;
	padding:0 10px;
	float:left;
	font-size:1em;
}

/* MENU PRINCIAPLE */
#page #nav-1{
	float:right;
	height:100px;
	margin:0;
	azimuth:0;
}

#page #nav-1 li{
	list-style:none;
	font-size:1.2em;
	float:left;
}

#page #nav-1 li a{
	background: url(../images/theme/background_getnav.png) no-repeat;
	display:block;
	height:100px;	
}

#page #nav-1 li a.home{
	background-position:0 0;
	width:67px;
}

#page #nav-1 li a.home:hover{
	background-position:0 -100px;
}

#page #nav-1 li a.services{
	background-position:-67px 0;
	width:85px;
}

#page #nav-1 li a.services:hover{
	background-position:-67px -100px;
}

#page #nav-1 li a.portfolio{
	background-position:-152px 0;
	width:82px;
}

#page #nav-1 li a.portfolio:hover{
	background-position:-152px -100px;
}

#page #nav-1 li a.blog{
	background-position:-234px 0;
	width:60px;
}

#page #nav-1 li a.blog:hover{
	background-position:-234px -100px;
}

#page #nav-1 li a.clients{
	background-position:-294px 0;
	width:74px;
}

#page #nav-1 li a.clients:hover{
	background-position:-294px -100px;
}

#page #nav-1 li a.contact{
	background-position:-368px 0;
	width:81px;
}

#page #nav-1 li a.contact:hover{
	background-position:-368px -100px;
}



/*** PAGE ########################################
############################################## **/
#page{
	width:960px;
	margin:auto;
}

#header{
	width:960px;
	height:110px;
}

#header  #logo{
	background: url(../images/theme/logo.png);
	float:left;
	width:168px;
	height:100px;
	margin:0;
	padding:0;
}

#header  #logo a{
	display:block;
	width:168px;
	height:100px;
}

#content{
	font-size:1.2em;
	padding:10px;
}

/*** HOME #######################################
############################################## **/
body.home #page #content h1{
	background: url(../images/theme/h1_accueil.png) no-repeat 5px 0;
	width:940px;
	height:39px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #CCCCCC;
}

body.home #page #content h1.services{
	background: url(../images/theme/h1_nos_services.png) no-repeat 5px 0;
	width:940px;
	height:15px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #CCCCCC;
}

body.home #page #content h1.derniersprojets{
	background: url(../images/theme/h2_nos_derniers_projets.png) no-repeat 5px 0;
	width:940px;
	height:15px;
	padding:0 0 5px 0;
	margin:20px 0 10px 0;
	border-bottom:1px solid #CCCCCC;
}

#page #content ul.serviceshome{
	padding:15px 0 0 0;
}

#page #content ul.serviceshome li{
	background:none;
	float:left;
	margin:0 15px 0 0;
}

#page #content ul.serviceshome li a{
	background: url(../images/theme/ensavoirplus.jpg) no-repeat;
	display:block;
	width:106px;
	height:28px;
	margin:10px 0 0 0;
}

#page #content ul.serviceshome li.web{
	margin:0 30px 0 30px;
	width:239px;
}

#page #content ul.serviceshome li.web h2{
	background: url(../images/theme/h2_web_home.png) no-repeat;
	width:239px;
	height:34px;
	margin:0 0 15px 0;
}

#page #content ul.serviceshome li.identite{
	margin:0 30px 0 0;
	width:185px;
}

#page #content ul.serviceshome li.identite h2{
	background: url(../images/theme/h2_identite_home.png) no-repeat;
	width:239px;
	height:34px;
	margin:0 0 15px 0;
}

#page #content ul.serviceshome li.print{
	margin:0 30px 0 0;
	width:230px;
}

#page #content ul.serviceshome li.print h2{
	background: url(../images/theme/h2_print_home.png) no-repeat;
	width:230px;
	height:34px;
	margin:0 0 15px 0;
}

#page #content ul.serviceshome li.plusencore{
	margin:0;
	width:85px;
	padding:60px 0 0 15px;
}

#page #content ul.serviceshome li.plusencore a{
	background: url(../images/theme/plusencore.png) no-repeat;
	width:85px;
	height:36px;
}



/*** Services #######################################
############################################## **/
body.services #page #content h1{
	background: url(../images/theme/h1_nos_services.png) no-repeat 5px 0;
	width:940px;
	height:15px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #CCCCCC;
}

body.services #page #content h2.h2web{
	background: url(../images/theme/h2_web.png) no-repeat 10px 0;
	height:33px;
}

body.services #page #content h2.h2identite{
	background: url(../images/theme/h2_identite.png) no-repeat 10px 0;
	height:33px;
}

body.services #page #content h2.h2print{
	background: url(../images/theme/h2_print.png) no-repeat 10px 0;
	height:33px;
}

body.services #page #content h2.h2formations{
	background: url(../images/theme/h2_formations.png) no-repeat 10px 0;
	height:33px;
}

body.services #page #content ul{
	height:240px;
}

body.services #page #content ul li{
	list-style:none;
	background:none;
	float:left;
}

body.services #page #content ul li p{
	font-size:0.9em;
}

body.services #page #content ul li.desservices{
	width:300px;
	text-align:justify;
}


body.services #page #content ul li.imgservices{
	height:220px;
	padding:20px 20px 0 20px;
	border-right:1px solid #CCCCCC;
}

body.services #page #content ul li.voirrealisation {
	padding:100px 0 0 20px;
}

body.services #page #content ul li.voirrealisation a{
	background: url(../images/theme/nos_realisations.png) no-repeat;
	height:34px;
	width:113px;
	display:block;
}

body.services #page #content ul li.plusformations {
	padding:100px 0 0 20px;
}

body.services #page #content ul li.plusformations a{
	background: url(../images/theme/plus_infos_formations.png) no-repeat;
	height:34px;
	width:147px;
	display:block;
}

/*** Formations #######################################
############################################## **/
body.formations #page #content h1{
	background: url(../images/theme/h1_nos_formations.png) no-repeat 5px 0;
	width:940px;
	height:15px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #CCCCCC;
}

/*** BLOG #######################################
############################################## **/
body.blog #page #content h1{
	background: url(../images/theme/h1_notre_blog.png) no-repeat 5px 0;
	width:940px;
	height:19px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #CCCCCC;
}

body.blog #page #content ul{
	padding: 15px;
}

body.blog #page #content ul li.news{
	margin:0 0 20px 0;
	border-bottom:1px solid #CCCCCC;
	background:none;
	padding:0 10px 20px 10px;	
}

body.blog #page #content ul li h2{	
	font-weight:normal;
	color:#666666;
	text-decoration:underline;
}

body.blog #page #content ul li h2{
	padding:0 0 10px 0;	
}


/*** CLIENTS ########################################
############################################## **/
body.clients #page #content h1{
	background: url(../images/theme/h1_nos_clients.png) no-repeat 5px 0;
	width:940px;
	height:15px;
	padding:0 0 5px 0;
	border-bottom:1px solid #CCCCCC;
}

body.clients #page #content h2{
	clear:both;
	margin:20px 0 0 50px;
}

body.clients #page #content h2.agence{
	background: url(../images/theme/h2_agence_web_et_communication.png) no-repeat 5px 0;
	height:33px;
	padding:0 0 5px 0;
}

body.clients #page #content h2.formations{
	background: url(../images/theme/h2_formations.png) no-repeat 5px 0;
	height:33px;
	padding:0 0 5px 0;
}

body.clients #page #content ul li img{
	border:1px solid #999999; 
}

body.clients #page #content h2.clients{
	background: url(../images/theme/h2_clients.png) no-repeat 5px 0;
	height:33px;
	padding:0 0 5px 0;
}

#content ul.agence{
	margin:0 0 0 85px;
	padding:0 0 20px 0;
	height:360px;
}

#content ul.agence li{
	list-style:none;
	background:none;
	float:left;
	margin:10px;
}

#content ul.client{
	margin:0 0 0 85px;
	padding:0 0 20px 0;
	height:160px;
}

#content ul.client li{
	background:none;
	float:left;
	margin:10px;
}

#content ul.formation{
	margin:0 0 0 85px;
	padding:0 0 20px 0;
	height:160px;
}

#content ul.formation li{
	background:none;
	float:left;
	margin:10px;
}



/*** CONTACT #######################################
############################################## **/
body.contact #page #content h1{
	background: url(../images/theme/h1_nous_contacter.png) no-repeat 5px 0;
	width:940px;
	height:15px;
	padding:0 0 5px 0;
	border-bottom:1px solid #CCCCCC;
}

#content .contactform {
	float:left;
	border-right:1px solid #e1e1e1;
	width:595px;
	margin:20px 0 0 20px;
}

#content .contactform label{
	display:block;
	color:#454545;
	padding:0 0 5px 0;
}

#content .contactform .txt{
	background: url(../images/theme/inputtext.jpg) no-repeat;
	width:560px;
	height:34px;
	border:none;
	padding:0;
	margin:0;
	color:#8e8e8e;
}

#content .contactform .txtarea{
	background: url(../images/theme/textarea.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:540px;
	height:157px;
	border:none;
	padding:5px;
	color:#8e8e8e;
}

#content .contactform .submit{
	background: url(../images/theme/envoyer.png) no-repeat;
	display:block;
	width:145px;
	height:40px;
	border:none;
	cursor:pointer;
}

#content address{
	font-style:normal;
	margin:20px 20px 0 0;
	float:right;
	color:#8e8e8e;
	padding:5px;
}

#content address span{
	font-weight:bold;
}

#content address a.googlemap{
	background: url(../images/theme/googlemap.png) no-repeat;
	display:block;
	width:259px;
	height:229px;

}

#content ul.errors li{
	background: url(../images/theme/croixPuce.png) no-repeat 0 3px;
	color:#FF0000;
	font-weight:bold;
	font-size:1em;
	padding:0 0 0 15px;
}

#content .message{
	color:#009900;
	font-weight:bold;
}




/*** FOOTER + SUBFOOTER ########################################
############################################## **/
#fictiffooter{
	clear:both;
}

#subfooter{
	background-color:#e1e1e1;
	border-top:1px solid #c3c3c3;
	height:250px;
	margin:20px 0 0 0;
}

#contenusub{
	width:960px;
	margin:auto;
}

#contenusub #news{
	float:left;
}

#contenusub #news h3{
	background: url(../images/theme/h3_les_dernieres_nouvelles.png) no-repeat;
	height:15px;
	width:170px;
	margin:20px 0;
}

#contenusub #news .news{
	width:600px;
	margin:0 0 0 0px;
}

#contenusub #news .news li{
	border-top:1px solid #c3c3c3;
	list-style:none;
}

#contenusub #news .news li:hover{
	background:#d1d1d1;
}

#contenusub #news .news li a{
	text-decoration:none;
	font-size:1.2em;
	color:#454545;
	display:block;
	padding:10px;
}

#contenusub #contact-footer{
	float:right;
}

#contenusub #contact-footer h3{
	background: url(../images/theme/h3_nous_contacter.png) no-repeat;
	height:15px;
	width:170px;
	margin:20px 0;
}

#contenusub #contact-footer .etic{
	background: url(../images/theme/etic.png);
	float:left;
	display:block;
	width:115px;
	height:139px;
}

#contenusub #contact-footer address{
	float:right;
	font-size:1.2em;
	font-style:normal;
	margin:0 0 0 20px;
}

#contenusub #contact-footer address a{
	text-decoration:none;
	color:#FF0000;
}

#contenusub #contact-footer address a:hover{
	text-decoration:underline;
}

#footer{
	background-color:#000000;
	height:25px;
	padding:10px 0 0 0;
}

#footer ul{
	width:960px;
	margin:auto;
	color:#FFFFFF;
}

#footer li{
	font-size:1.1em;
	list-style:none;
}

#footer li.legals{
	float:left;
}

#footer li.legals a{
	color:#ffffff;
}

#footer li.legals a:hover{
	text-decoration:none;	
}

#footer li.copyright{
	float:right;
}

#footer li.copyright span{
	font-weight:bold;
}

#footer li.copyright a{
	text-decoration:none;
	color:#333333;
}

#footer li.copyright a:hover{
	text-decoration:underline;
}


/*** PORTFOLIO #######################################
############################################## **/
body.portfolio #page #content h1{
	background: url(../images/theme/h1_notre_portfolio.png) no-repeat 5px 0;
	width:940px;
	height:15px;
	padding:0 0 5px 0;
	border-bottom:1px solid #CCCCCC;
}

body.portfolio #page #content ul.lien{
	margin:20px;
	padding:0;
	width:600px;
	height:40px;
}

body.portfolio #page #content ul.lien li{
	float:left;
	background:none;
	margin:0;
	padding:0;
}

body.portfolio #page #content ul.lien li a{
	background: url(../images/theme/sub_portfolio.png) no-repeat;
	display:block;
	height:40px;
}

body.portfolio #page #content ul.lien li a.web{
	background-position:0 0;
	width:196px;
}

body.portfolio #page #content ul.lien li a.web:hover{
	background-position:0 -41px;
}

body.portfolio #page #content ul.lien li a.multi{
	background-position:-196px 0;
	width:210px;
}

body.portfolio #page #content ul.lien li a.multi:hover{
	background-position:-196px -41px;
}

body.portfolio #page #content ul.lien li a.print{
	background-position:-406px 0;
	width:191px;
}

body.portfolio #page #content ul.lien li a.print:hover{
	background-position:-406px -41px;
}

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:30px auto;
	width:800px;
	height:350px;
	background:url(../images/slideshow/background_slideshow.jpg) no-repeat;
	position:relative;
	clear:both;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:680px;
  height:350px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:680px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:350px;
}

#slideshow #slidesContainer .slide h2 {
	margin:15px 0 10px 0;
	color:#6b6b6b;
	font-weight:normal;
}

#slideshow #slidesContainer .slide h3 {
	margin:15px 0 10px 0;
	color:#6b6b6b;
	font-weight:normal;
	text-decoration:underline;
	font-size:1em;
}

#slideshow #slidesContainer .slide ul {
	width:650px;
	height:25px;
	margin:0;
	padding:0;
}

#slideshow #slidesContainer .slide ul li {
	background:none;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

#slideshow #slidesContainer .slide ul li a {
	margin:0 10px 0 0;
	display:block;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:350px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:0;
  left:0;
  background:url(../images/slideshow/left.jpg) no-repeat;
}
#rightControl {
  top:0;
  right:0;
  background:url(../images/slideshow/right.jpg) no-repeat;
}