@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family: Tahoma, Arial, Verdana;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
}
a:hover{
	text-decoration:none;
}

#BG_homepage{
	background:url(../images/fond_homepage.jpg) repeat-x #F3F3F3;}

#BG_marketing{
	background:url(../images/fond_marketing.jpg) repeat-x #F3F3F3;}
#BG_modularite{
	background:url(../images/fond_modularite.jpg) repeat-x #F3F3F3;}
#BG_references{
	background:url(../images/fond_references.jpg) repeat-x #F3F3F3;}
#BG_partenaires{
	background:url(../images/fond-partenaires.jpg) repeat-x #F3F3F3;}
#BG_contact{
	background:url(../images/fond_contact.jpg) repeat-x #F3F3F3;}	
#conteneur{
	width:980px;
	margin:auto;
	position:relative;
}
#header{
	height:88px;
	width:auto;
	background:url(../images/bg_header.png) no-repeat;
	position:relative;
}
#topDroite{
	position:absolute;
	right:51px;
	top:19px;
	font-size: 13px;
	color: #fff;
	font-style: italic;
}
#topDroite a{
	color: #fff;
	text-decoration:none;
	
}
#topDroite a:hover{
	color: #FFFFFF;
	text-shadow: none;
	
}

#menu{
	
	position:absolute;
	right:10px;
	top:50px;
}
#menu ul{
	margin:0;
	padding:0;
}
#menu li{
	float:left;
	list-style-type:none;
	text-align:center;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	
	height:42px;
	line-height:42px;
	width:105px;
}
#menu li a{
	color:#666666;
	text-decoration:none;display:block;
}
#menu li a:hover{
	color:#954630;
	display:block;background:url(../images/current.png) no-repeat;
}
#menu span {

}
#menu  li span {
	color:#954630 !important;
	display:block;
}
#menu  li span a{
	background:url(../images/current.png) no-repeat !important;
	display:block;
	color:#954630 !important;
}
#menu  li span a:hover{
	color:#954630 !important;
}




/*
#menuDeroulant
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position:absolute;
	right:10px;
	top:46px;
	z-index:3;
	height: 38px;
}
#menuDeroulant li
{
	float:left;
	list-style-type:none;
	text-align:center;
	text-transform: uppercase;
	font-size:10px;
	font-weight: bold;
	margin-right:0;
	height:42px;
	line-height:42px;
	width:105px;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	color: #666666;
	margin: 0;
	text-decoration: none;
}
#menuDeroulant li a:hover {
	color:#954630;
	background:url(../images/current.png) no-repeat; }
#menuDeroulant li a:active { 
	color:#954630; 
}

#menuDeroulant .sousMenu{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0 0 0 5px;
	padding:0;
	text-indent:10px;
	border: 0;
	width:200px;
	white-space:nowrap;
	height:20px !important;
	line-height:20px !important;
	text-align:left !important;

}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #000;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: url(../images/fond_sous_menu.png);
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color:#EEEEEE;
	color:#990000;	
	height:20px !important;
	line-height:20px !important;
}

#menuDeroulant li:hover > .sousMenu { display: block; }
*/
.current{
	color:#954630 !important;
	display:block;
}
.current a{
	background:url(../images/current.png) no-repeat;
	display:block;
	color:#954630 !important;
}
.current a:hover{
	color:#954630 !important;
}


#animation{
	clear:both;
	width:auto;
	margin:0;
}
#conteneurHomepage{
	background:url(../images/fond_contenu_homepage.png) no-repeat;
	position:absolute;
	width:900px;
	top: 340px;
	left:0;
	z-index:2;
	padding:40px;
}

.framegauche{
	width:270px;
	float:left;
}

.framegauche p{
	font-size: 12px;
}
#ToutesActualites{
	background:url(../images/plus.png) no-repeat;
	height:16px;
	line-height:16px;
	padding-left:20px;
	font-size: 12px;
	margin:15px 0 0 0;
}
#ToutesActualites a{
	color:#999999;
}

#newsletter{
	font-size: 12px;
	margin:15px 0 0 0;
	border-top:1px dashed #ccc;
	color:#999999;
	font-weight:bold;
	background:url(../images/newsletter.png) no-repeat 0 10px;
	padding:10px 0 0 35px;
	height:35px;
	line-height:35px;
}
#newsletter a{
	color:#999999;
}
#newsletter td{
	padding:5px 4px 4px 0;
}
#newsletter input{
	border:1px solid #ccc;
	background:#fff;
	font-size: 11px;
	color: #666666;
	padding:4px;
}

.boutonOK{
	border:none !important;
	background:none !important;
	cursor:pointer;}

#demandedevis{
	background: url(../images/icon_devis.png) no-repeat;
	height:28px;
	line-height:28px;
	padding-left:35px;
	font-size: 12px;
	margin:15px 0 0 0;
}
#demandedevis a{
	color:#999999;
}
.sepFrame1{
	clear:both;
	background:url(../images/sep_frame.png) no-repeat;
	width:auto;
	height:7px;
	margin:10px 0 0 0;
	}

#conteneurHomepage .centre{
	width:565px;
	float:left;
	margin-left:60px;
}
#conteneurHomepage .centre td{
	padding-right:10px;
	font-size: 12px;
	color: #666666;
}


#logo{
	position:absolute;
	left:18px;
	top:5px;


}
.date{
	font-size: 20px;
	font-weight: normal;
	color: #999999;
	margin:15px 0 10px 0;
	}

.blocCentreHomepage{
	width:181px;
	height:220px;
	float:left;
	
}
.blocCentreHomepage2{
	width:255px;
	height:225px;
	float:left;
	background:#F0F0F0;
	border:1px solid #ccc;
	padding:10px;
	margin:5px 10px 10px 0;
	min-height:200px;
}
.blocCentreHomepage2 p{
	font-size: 12px;
	color: #666666;
	
}
.blocCentreHomepage2 ul{
	margin:10px 0 0 0;
	padding:0;
}
.blocCentreHomepage2 li{
	background:url(../images/puce_fleche.png) no-repeat 0 3px;
	padding-left:12px;
	font-size: 12px;
	color: #666666;
	list-style-type:none;
	margin-bottom:7px;
}
.blocCentreHomepage2 h2{
	font-size: 16px;
	color: #666666;
	background:#fff;
	padding:6px;
	margin:0 0 10px 0;
	
}
#marketing{
	margin:15px 10px 0 0;
}
#marketing h2{
	background:url(../images/fleche_verte.png) no-repeat 0 3px;
	font-size: 16px;
	font-weight: bold;
	color: #B6D85D;
	padding-left:18px;
}
#marketing img{
	width:160px;
	height:76px;
	border:4px solid #B6D85D;
	margin-top:10px;
}
#marketing ul{
	margin:10px 0 0 0;
	padding:0;
}
#marketing li{
	background:url(../images/puce_fleche.png) no-repeat 0 1px;
	padding-left:12px;
	font-size: 11px;
	color: #666666;
	list-style-type:none;
	margin-bottom:7px;
}
#marketing li a{
	text-decoration:none;
	color: #666666;
}
#marketing li a:hover{
	text-decoration:none;
	color: #000;
}




#modularite{
	margin:15px 10px 0 0;
}
#modularite h2{
	background:url(../images/fleche_orange.png) no-repeat 0 3px;
	font-size: 16px;
	font-weight: bold;
	color: #FF8800;
	padding-left:18px;
}
#modularite img{
	width:160px;
	height:76px;
	border:4px solid #FF8800;
	margin-top:10px;
}
#modularite ul{
	margin:10px 0 0 0;
	padding:0;
}
#modularite li{
	background:url(../images/puce_fleche.png) no-repeat 0 1px;
	padding-left:12px;
	font-size: 11px;
	color: #666666;
	list-style-type:none;
	margin-bottom:7px;
}
#modularite li a{
	text-decoration:none;
	color: #666666;
}
#modularite li a:hover{
	text-decoration:none;
	color: #000;
}


#refHome{
	margin:15px 0 0 0;
}
#refHome h2{
	background:url(../images/fleche_violette.png) no-repeat 0 3px;
	font-size: 16px;
	font-weight: bold;
	color:#9A7B9B;
	padding-left:18px;
}
#refHome img{
	width:160px;
	height:76px;
	border:4px solid #9A7B9B;
	margin-top:10px;
}
#refHome ul{
	margin:10px 0 0 0;
	padding:0;
}
#refHome li{
	background:url(../images/puce_fleche.png) no-repeat 0 1px;
	padding-left:12px;
	font-size: 11px;
	color: #666666;
	list-style-type:none;
	margin-bottom:7px;
}
#refHome li a{
	text-decoration:none;
	color: #666666;
}
#refHome li a:hover{
	text-decoration:none;
	color: #000;
}

.sepCentral1{
	background:url(../images/sep_centre.png) no-repeat;
	clear:both;
	height:16px;
	margin:10px 0 10px 0;
}


#footer{
	clear:both;
	font-size: 11px;
	margin-top:20px;
	border-top:1px solid #ccc;
	padding:10px 0 0 0;
	text-align:center;
}
#footer a{
	color: #666666;
	text-decoration:none;
}
#footer a:hover{
	color: #000;
	text-decoration:none;
}

#footer .menufooter{
	text-transform: capitalize !important;
	color: #666666;
	margin-bottom:10px;
}
#footer .menufooter a{
	margin-right:15px;
}






#conteneurPage{
	background:url(../images/fond_contenu_page.png) no-repeat;
	position:absolute;
	width:900px;
	top: 168px;
	left:0;
	z-index:2;
	padding:40px;
}

#conteneurPage3{
	background:url(../images/fond_contenu_page3.png) no-repeat;
	position:absolute;
	width:900px;
	top: 168px;
	left:0;
	z-index:2;
	padding:40px;
}

#conteneurPage .framegauche, #conteneurPage3 .framegauche{
	width:270px;
	float:left;
}

#conteneurPage .centre, #conteneurPage3 .centre{
	width:565px;
	float:left;
	margin-left:60px;
}
#conteneurPage .centre p,  #conteneurPage3 .centre p{
	margin:7px 0 10px 0;
	font-size: 12px;
}
#conteneurPage .centre p a, #conteneurPage3 .centre p a{
	color:#000000;
}
#conteneurPage .centre h2, #conteneurPage3 .centre h2{
	color:#000000;
	font-size: 20px;
	margin:10px 0 10px 0;
	font-weight: normal;
}
.marketing{
	color:#666666!important;
	font-size:22px!important;
	font-weight: bold !important;
	background:url(../images/fond-titre.png) no-repeat;
	height:75px;
	line-height:75px;
	padding-left:20px;
	margin:0 !important;
}
.modul{
	color: #FF9900 !important;
	font-size:22px!important;
	font-weight: bold !important;
	background:url(../images/fond-titre.png) no-repeat;
	height:75px;
	line-height:75px;
	padding-left:20px;
	margin:0 !important;
}

.ref{
	color:#0395BE!important;
	font-size:22px!important;
	font-weight: bold !important;
	background:url(../images/fond-titre.png) no-repeat;
	height:75px;
	line-height:75px;
	padding-left:20px;
	margin:0 !important;
}
.part{
	color:#993366 !important;
	font-size:22px!important;
	font-weight: bold !important;
	background:url(../images/fond-titre.png) no-repeat;
	height:75px;
	line-height:75px;
	padding-left:20px;
	margin:0 !important;
}
#conteneurPage .centre td{
	padding-right:10px;
	font-size: 12px;
	color: #666666;
}
#menuGauche{
	margin:0;
	padding:0;
}
#menuGauche ul{
	margin:0 0 20px 0;
	padding-left:0;
}
#menuGauche li{
	font-size: 13px;
	list-style-type:none;
	height:30px;
	line-height:30px;
	text-indent:10px;
	border-bottom:1px dashed #ccc;
	
}
#menuGauche li a{
	text-decoration:none;
	color:#000;
	display:block;
}
#menuGauche li a:hover{
	text-decoration:none;
	color:#990000;
	background:#F0F0F0;
	
	display:block;
}
.currentGauche, .currentGauche a {
	color:#990000 !important;
	display:block;background:#F0F0F0;
}



#conteneurPage2{
	background:url(../images/fond_contenu_full.png) no-repeat;
	position:absolute;
	width:900px;
	top: 168px;
	left:0;
	z-index:2;
	padding:40px 40px 40px 60px;;
}

#conteneurPage2 h2{
	font-size: 17px;
	color: #666666;
	margin:10px 0 10px 0;
}
#conteneurPage2 td{
	font-size: 12px;
	color: #000;
}

#conteneurPage2 p{
	font-size: 13px;
	color: #000;
	margin:10px 0 10px 0;
}

#conteneurPage2 input{
	background:#fff;
	border:1px solid #ccc;
	padding:5px;
	margin-bottom:4px;
}

#map{
	width:386px;
	height:355px;
	margin-left:10px;
}
#BlocMap{

	position:absolute;
	top:49px;
	right:60px;
	width:386px;
	height:518px;
	padding:3px;

	background:url(../images/divisor_vertical.png) no-repeat;}

	
#recrutement, #mentionslegales, #contentactus{
	margin:10px;
	font-size: 12px;
}
#recrutement h2, #mentionslegales h2, #contentactus h2{
	font-size: 16px;
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
}
#recrutement p, #mentionslegales p, #contentactus p{
	margin:15px 0 10px 0;
}
#recrutement p a, #mentionslegales p a, #contentactus p a{
	color:#6699CC;
}


.arrow2{
	background:url(../images/arrow.png) no-repeat 0 3px;
	padding-left:15px;
	font-size: 12px;
	margin-bottom:10px;
}

.ListeContent{
	clear:both;}
.ListeContent ul{
	margin:0;
	padding:0;
}
.ListeContent li{
	background:url(../images/arrow.png) no-repeat 0 3px;
	padding-left:15px;
	font-size: 12px;
	list-style-type:none;
}
.ListeContent li a{
	color:#FF3300;
	text-decoration:none;
}
.ListeContent li a:hover{
	color:#000;
}

.sepcontent{
	clear:both; 
	border-bottom:1px dashed #ccc; 
	margin-bottom:10px;
}

.cadreH3{
	padding:5px;
	background:#EDEDED;
	border:1px solid #ccc;
	font-size: 16px;
	margin:10px 0 10px 0;
}
#fond-bretagne{
	background:url(../images/fond-bretagne.png) no-repeat;}
.google{
	font-family: "Times New Roman", Times, serif !important;
	font-size: 35px !important;
	background:url(../images/fond-titre.png) no-repeat;
	height:75px;
	line-height:75px;
	padding-left:20px;
	margin:0 !important;
}


.boutonPhototheque{
	background:url(../images/fond-bouton-orange.png) no-repeat;
	text-align:center;
	width:175px;
	height:32px;
	line-height:32px;
	font-size: 12px;
	font-weight: bold;
	float:right;
	margin-bottom:15px;
}
.boutonPhototheque a{
	color:#FFFFFF;
	text-decoration:none;
}
.boutonPhototheque a:hover{
	color:#990000;
	text-decoration:none;
}

#tableLogo{
	padding:0 5px 3px 0;
	}
#tableLogo td{
	border-bottom:1px dashed #ccc;
	}
#tableLogo td a{
	color:#990033;
	text-decoration:none;
	}
#tableLogo td a:hover{
	color:#000;
	text-decoration:none;
	}

#ordinateurcontact{
	position:absolute;
	width:266px;
	height:200px;
	top:60px;
	left:260px;
	background:url(../images/ordi-contact.png) no-repeat;
}

#exemplephototheque{
	clear:both;
	margin-top:5px;}
#exemplephototheque img{
	border:1px solid #ccc;
	padding:3px;}
	#exemplephototheque img a{
	border:1px solid #ccc;}
	
.blocref{
	float:left;
	width:250px;

	margin-right:10px;
	/*background:url(../images/realisations/bg.png) no-repeat;*/
	padding:5px;
}
.blocref p{
	padding-top:0px
}
.blocref p a{
	color:#0066CC !important;
}



.blocref2{
	width:auto;
		height:125px;
		clear:both;
}
.blocref2Blocimg{
	float:left;
	width:386px;
	height:107px;
	background:#D9EAEE;
	border:1px solid #CDE3E9;

}
.blocref2Blocimg img{
	float:left;
	width:372px;
	height:93px;
	padding:7px;

}
.blocref2 p{
	float:left;
	padding-left:10px;
	font-size:11px;
	color:#666666;
	width:140px;

}
.blocref2 p a{
	color:#0066CC !important;
	font-size:11px !important;
}


.boutonexemple{
	background:url(../images/bouton-exemple.png) no-repeat;
	height:24px;
	width:220px;
	line-height:24px;
	text-align:center;
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	margin:15px 0 0 0;
}
.boutonexemple a{
	color: #000000;
	text-decoration:none;
}
.boutonexemple a:hover{
	color: #fff;
	text-decoration:none;
}


/*NEWS-----------------------------*/
#NewsTicker{
	width:250px;
	height:200px;
	margin:0 auto;
}
	#NewsTicker h1{
	padding:6px;
	margin:0;
	border:0;
	font-size: 16px;
	color: #666666;
	}
	#NewsVertical {
	width: 250px;
	height: 150px;
	display: block;
	overflow: hidden;
	position: relative;
	}
	#controller{
	padding:6px;
	font-size:11px;
	color:#666;
	}
		#controller a{
	color:#666;
	text-decoration:none;
	}
			#controller a:hover{
	color:#000;
	text-decoration:none;
	}
	#play_scroll_cont{display:none;}
#stop_scroll_cont{
	cursor:pointer;}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 250px;
		height: 150px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		display: block;
		width: 245px;
		color: #333333;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #98C300;
			font-size: 12px;
			font-weight:normal;
			margin-bottom:6px;
			text-decoration:underline;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:none;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
		}
		#TickerVertical li .NewsFooter{
	display: block;
	color: #666;
	font-size: 10px;
	margin:6px 0 14px 0;
	font-style: italic !important;
	font-weight:normal;
		}