/* on met tout à zéro pour  */
/* * {margin:0;padding:0;} */

p, div, span, ul, li, h1, h2, h3, h4, dl, dt, dd, form {margin:0;padding:0;}

body {
	margin: 0;
	margin: 0; /* pour éviter les marges */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-image: url(img/bg_page_deg.jpg);
	background-repeat: repeat-x;
	background-color: #0d0d0d;
}


td, ul,li,img,a{
	margin: 0;
	margin: 0; /* pour éviter les marges */
  font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
a img {border:none;}

/* Définition du gabarit global--------------------*/
/*ceci defini le container global centré*/
#container{
	margin-left: auto;
	margin-right: auto;
	width:998px;
	text-align: left; /* on rétablit l'alignement normal du texte */
	background-image: url(img/bg_page.jpg);
	background-repeat: no-repeat;
 background-position: 19px top;}
	
	#container2{
	margin-left: auto;
	margin-right: auto;
	width:998px;
	text-align: left; /* on rétablit l'alignement normal du texte */
	background-image: url(img/contact/bg_02.jpg);
	background-repeat: no-repeat;
 background-position: 19px top;}
#colleft {float:left;width:19px;}
#colright {float:right;width:19px;}		
#page{	margin-right:19px;margin-left:19px;}	
/*-------------------------------------------------*/

/*Home page*/
.home { padding-top:31px;}
.home #contenu{	margin-left:269px;	background-repeat: no-repeat;}		
.home #menu{float:left;	width:146px;margin-top:187px;margin-left:32px;display: inline;}
.home #logo{margin-right:48px;margin-top:13px;margin-bottom:352px;}


/*page interieure*/
/*#contenu,#menu,#colleft2 {background-color:#fafafa;}*/

.agenzia #colleft2 {width:347px;margin:0;padding:0;float:left;}
.agenzia {margin:0; }
.agenzia #contenu{margin-left:347px;padding-top:317px;}		
.agenzia #menu{	width:88px;	margin-top:11px;	padding-left:19px;	background-image: url(img/trait1.gif);	background-repeat: no-repeat;padding-bottom:0;float:left;}
.agenzia #ssmenu{width:240px;float:right;margin-top:11px;}


.filosofia #colleft2 {width:347px;margin:0;padding:0;float:left;}
.filosofia {margin:0; }
.filosofia #contenu{margin-left:347px;padding-top:317px;padding-bottom:73px;}		
.filosofia #menu{	width:88px;	margin-top:11px;	padding-left:19px;	background-image: url(img/page/trait2.gif);	background-repeat: no-repeat;padding-bottom:0;float:left;}
.filosofia #ssmenu{width:240px;float:right;margin-top:11px;}

.portfolio #colleft2 {width:370px;margin:0;padding:0;float:left;}
.portfolio {margin:0; }
.portfolio #contenu{margin-left:370px;padding-top:270px;padding-left:33px;height:410px;}		
.portfolio #contenu #desc {width:185px;font-size:12px;margin-left:348px;}
.portfolio #contenu #desc h1 {color:#000000;font-size:12px;padding-bottom:10px;}
#container #page #contenu #desc h1 span {font-weight:normal;}
.portfolio #contenu #desc p { font-size:12px; color:#454545;}
.portfolio #menu{	width:88px;	margin-top:11px;	padding-left:19px;	background-image: url(img/page/trait3.gif);	background-repeat: no-repeat;padding-bottom:0;float:left;}
.portfolio #ssmenu{width:200px;float:right;margin-top:11px;margin-left:10px;padding-left:30px;}
.portfolio #contenu2{margin-left:347px;padding-top:317px;padding-left:33px;}		
.portfolio #contenu2 #desc, .portfolio #contenu2 #desc a {width:191px;font-size:12px;margin-left:343px;text-decoration:underline;}



.portfolio2 #contenu2{margin-left:347px;padding-top:317px;padding-left:33px;}		
.portfolio2 #contenu2 #desc {width:191px;font-size:12px;margin-left:343px;}

.news #colleft2 {width:347px;margin:0;padding:0;float:left;}
.news {margin:0; }
.news #contenu{margin-left:347px;padding-top:218px;height:463px;}		
.news #menu{	width:88px;	margin-top:11px;	padding-left:19px;	background-image: url(img/page/trait4.gif);	background-repeat: no-repeat;padding-bottom:0;float:left;	}
.news #ssmenu{width:240px;float:right;margin-top:11px;}
#container #page #contenu .news_detail {float:left;width:165px;padding-right:25px;}


.clienti #colleft2 {width:347px;margin:0;padding:0;float:left;}
.clienti {margin:0; }
.clienti #contenu{margin-left:347px;padding-top:224px;}		
.clienti #menu{	width:88px;	margin-top:11px;	padding-left:19px;	background-image: url(img/page/trait5.gif);	background-repeat: no-repeat;padding-bottom:0;float:left;}
.clienti #ssmenu{width:240px;float:right;margin-top:11px;}

.awards #colleft2 {width:347px;margin:0;padding:0;float:left;}
.awards {margin:0; }
.awards #contenu{margin-left:397px;padding:156px 0 10px 0;margin:0;height:514px;}		
.awards #menu{	width:88px;	margin-top:11px;	padding-left:19px;	background-image: url(img/page/trait6.gif);	background-repeat: no-repeat;padding-bottom:0;float:left;}
.awards #ssmenu{width:240px;float:right;margin-top:19px;}
.awards #contenu #desc h1 {color:#ff0000;font-size:12px;padding-bottom:10px;padding-right:55px;}
.awards #contenu #desc p { font-size:12px; color:#000000;padding-right:55px;}



.area #colleft2 {width:347px;margin:0;padding:0;float:left;}
.area {margin:0; }
.area #page{
	background-image: url(img/area/bg_login.png);
	background-repeat: no-repeat;
	background-position: 347px 16px;
}
.area #contenu{margin-left:347px;padding-top:317px;height:363px;padding-left:34px;}		
.area #menu{	width:88px;	margin-top:11px;	padding-left:19px;	background-image: url(img/page/trait8.gif);	background-repeat: no-repeat;padding-bottom:0;float:left;}
.area #ssmenu{width:240px;float:right;margin-top:11px;}

.contact #colleft2 {margin:0;padding:0;}
.contact {margin:0; }
.contact #contenu{margin-left:346px;padding-top:317px;padding-bottom:57px;text-align:left;}		
.contact #menu{	width:88px;	margin-top:11px;	padding-left:19px;	background-image: url(img/page/trait7.gif);	background-repeat: no-repeat;padding-bottom:0;float:left;}
.contact #ssmenu{margin-top:8px;margin-left:229px;padding-bottom:3px;}





/*----FOOTER---------------------*/
/*home*/
#footer{clear:both;padding : 29px 0 5px 32px;}
/**************************/

/*old   .formulaire {
	background-image: url(img/area/bg_input_form.gif);
	background-repeat: no-repeat;
	width:133px;
	border: 1px solid #000000;
	height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:24px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0b0b0b;
	text-indent: 10px;
}*/

  .formulaire {

	width:133px;
	border: 1px solid #000000;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:15px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #595959;
	
}*/
#container #page #contenu .news_detail .day {
	background-image: url(img/news/rond_noir.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 94px;
	padding: 0px;margin:0;
}


#container #page #contenu .news_detail p{padding-left:5px;}
#container #page #contenu .news_detail .month {
	
	font-size: 30px;
	font-weight:bold;
	color: #0000;
	line-height: 83px;
	padding: 0px;
}
#container #page #contenu .news_detail .content {

	font-size: 11px;
	color: #000000;
	line-height: 15px;margin:0;
}
#container #page #contenu .news_detail .title {

	font-size: 14px;
	color: #000000;
	line-height: 15px;padding-bottom:15px;font-weight:bold;
}

#container #page #contenu .news_detail .link a ,#container #page #contenu .news_detail .link {		padding-top:5px;
	font-size: 11px;
	color: #000000;
	font-weight:bold;text-decoration:none;width:100px;
}
#container #page #contenu .news_detail .link a:hover {
	font-size: 11px;
	color: #000000;
	font-weight:bold;text-decoration:underline;
}

.bt_submit {
	background-image: url(img/area/bt_ok.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	height: 60px;
	width: 107px;
	border: 0 none #FFFFFF;cursor: pointer;cursor: hand;float:right; 
}

.bt_submit_on {
	background-image: url(img/area/bt_ok.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	height: 60px;
	width: 107px;
	border: 0 none #FFFFFF;cursor: pointer;cursor: hand;float:right; 
	background-position:100% -62px;
}
