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




body {
	background: #fff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0;
}

a img{ border:0px;	}

#container{
margin: 0 auto;
padding:0px;
width:960px;
overflow:hidden;
color:#000;
text-align:left;
position:relative;
/* hack pour gerer la hauteur dans IE6 */
min-height:400px;
}

#fond_haut{
background: url(../images/effet_fond.png) repeat-x;
height:173px;
position:relative;
}




/* ------- HEADER ----------*/
#header { width: 960px; margin: 0 auto; clear: both; padding: 0;}

#entete{
width:960px;
height:121px;
background:url(../images/entete.png)  ;
position:relative;
}

.langue {
float:right;
color: #030; 
margin-top:90px;
padding:10px; 

text-decoration:none; 
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
font-size:16px;}

/* -------------------------*/





/* ------ LE CONTENU DE LA PAGE D'ACCUEIL -------- */

#contenu{
padding-top:30px;
width:960px;

overflow:hidden;
/* hack pour gerer la hauteur dans IE6 */
min-height:400px;

}

/* ---------------------------------------------------------- */



/*----------------- MENU GAUCHE ----------------------------*/
#menu_gauche .titre {
background:url(../images/menug_bg_titre.jpg) repeat-x;
width:210px;
height:29px;
font-family:"Trebuchet MS"Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:left;
text-indent:10px;
padding-top:6px;
color:#363636;
text-transform:uppercase;
}
#menu_gauche{
padding:0;
width:210px;
overflow:hidden;
/*border-right:1px dotted #8FAFC9;*/
float:left;
background-color:#F3F3F3;
}

#menu_gauche ul{
list-style-type:none;
margin:0px;
padding:0;
}
#menu_gauche li a{
height:20px;
padding-top:7px;
text-indent:25px; 
background: url(../images/fleche2.gif) no-repeat 7px 9px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7A7A7A;
text-decoration:none;
border-bottom:1px dotted #B9B9B9;
}
#menu_gauche li a:hover{
color: #333;
}

/*---------------------------------------------------*/

/*----------------- Zone du contenu (texte,images...) ----------------------------*/

#titre_rubrique{
margin-left:10px;
padding:5px 0 0 10px;
width:700px;
background:url(../images/bg_titre_rubrique.gif) repeat-x;
height:25px;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
color:#fff;
font-weight:bold;
float:left;
}

#zone_slider{
margin-left:10px;
width:710px;
color:#5B5B5B;
height:210px;
min-height:210px;
float:left;
}
#recherche_domaine {
	position:absolute;
	margin-left:518px;
	background:url(../images/fond_recherche_domaine.jpg) repeat-x bottom;
	width:170px;
	height:183px;
	border:1px solid #090;
	padding:10px;
	
	}
.formulaire {border:1px solid #090;
	}

#zone_texte_accueil{
margin-left:10px;
padding:10px;
width:690px;
height:740px;
color:#5B5B5B;
line-height:16px;
background: #F7F7F7   ;
min-height:400px;
float:left;
display:block;
}

#zone_texte{
margin-left:10px;
padding:10px;
width:690px;

color:#5B5B5B;
line-height:16px;
background: #F7F7F7   ;
min-height:400px;
float:left;
display:block;
}




#zone_texte a{
color:#308944;
text-decoration:none;
font-weight:bold;
}

#zone_texte a:hover{
color:#174421;
}

.imgleft{
float:left;
}
.imgright{
float:right;
padding:5px;
}

.titrevert {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#090;
	
	}
a.arabe{font-family:tahoma;}

/* ------------------------------------------ */

div.social{position:relative; top:15px; padding-right:0px; padding-left:0px;}

div.presentation, div.presentation p{background-color:white; margin:0; font-size:10px; text-align:justify; color:#5B5B5B}


/* structure */
/*#wrapper { margin: 0 auto; width: 100%; overflow: hidden;  position: relative; background: url(images/header-bg.gif) 0 0 repeat-x;}*/
/*#wrapper:after, #container:after, #footer:after  { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }*/
#header, #container, #footer { width: 960px; margin: 0 auto; clear: both; padding: 0;}
/*#container {}*/

/* content */
#content { width: 960px; margin: 0 auto; float: left;position: relative; z-index: 100;}
.section { float: left; width: 100%;}

/* news */
.news {  padding: 0 8px 0 16px; position: reltive; z-index: 1; margin: 0 0 0px;  float: left; }
.news .image { position: relative; margin: 0 0 0 -8px;}
.news .image img { display: block; height: 212px;}
.news .image .mask { display: block; position: absolute; width: 100%; height: 100%; text-indent: -9999px; top:0; left: 0; background: url(../images/article-title-img-mask.png) 0 0 no-repeat;}
.news .intro { float: left; width: 470px; margin: -50px 0 0 20px;}

.news > li { position: relative; float: left; width: 960px; padding: 8px 0 16px 0; margin: 0 0 0; border: 1px solid #fff; z-index: 100;}
.news.post { padding-top: 25px;}
.news.post > li { /* background: url(images/news-item-bg.png) 0 100% no-repeat */; margin: 0 0 0;}
.news > li > *:last-child { margin-bottom: 0; }

.news h2 { font-size: 1.9em;letter-spacing: -2px;  position: relative; margin: 10px 0 10px 0;}
.news .intro h2 { margin-bottom: 0; }
.news h2 a { color: #000; }
.news .date { margin: 0; position: relative; color: #7a7a7a; font-size: .9em;}
.news.compact h2 { font-size: 1.4em; letter-spacing: 0px; font-weight: normal; color: #bf1e2e; margin: 15px 0 10px; float: left; width: auto;}
/*.news h3 { padding: .3em 0 .2em; font-size: 1.6em; font-weight: normal; background: url(images/separator-2.png) 0 100% repeat-x; }*/
.news .meta + p { margin-top: 13px; }

.news .ad { margin: 20px -12px; float: left; }
.news .ad a { display: block; padding: 5px; }
.news .ad img { display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none;} 

.news li > img { margin: 0 -6px }

/* aside */
#aside { width: 280px; margin: 20px 20px 0 0; padding: 0 0 20px; float: right; position: relative; z-index: 999; }

/* list style 1 */
.style-1,
.style-1 li { list-style:none; }
.style-1 li { background: url(../images/list-style-1.png) 0 .3em no-repeat; padding-left: 1em;}

/* header */
#header { margin: 0 auto; padding: 0;}
#header a { text-decoration: none; }

/* header > nav */
#nav { width: 876px; height: 51px; padding: 0 64px; margin: 20px 0 -18px -17px; font-size: 1.2em; position: relative; float: left; background: url(../images/nav-bg.png) 0 0 no-repeat; position: relative; z-index: 12; clear: both; z-index: 9999;}
.navli { margin: 0; min-margin: 10px; padding: 0; list-style: none; float: left; position: relative;}
.navlia { padding: 3px 15px 0; float: left; color: #1e1d28; line-height: 43px; border-left: 1px solid #d8d8d8; border-right: 1px solid #fff;letter-spacing: -1px;background: url(../images/nav-gr.gif) 0 -50px repeat-x;}
#nav li:last-child { border-right: 1px solid #d8d8d8;  }
.navlia:hover,
.navlia:focus { background-position: 0 0; color:black }

/* header > nav > second level */
#navliul { position: absolute; top: 35px; left: 0; width: 178px; background: url(../images/sub-nav-bg.gif) 0 0 no-repeat; padding: 3px 0 0; z-index: 9999; list-style:none;}
#navlili { background: #fff url(../images/sub-nav-item-gr.gif) 0 0 repeat-y; padding: 0; font-size: .8em; }
#navliul a { display: block; padding: 0 0 0 30px; color: #1b2120; background: url(../images/arrow-1.gif) 15px 50% no-repeat; line-height: 38px; border: 1px solid #b2b2b2;border-bottom: 1px solid #c7c7c7; border-top: 1px solid #fff;  z-index: 9999;}

#navlili:last-child,
#navlili:last-child a,
#navliul { border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom: 1px solid #b2b2b2;}
#navliul { border: none; box-shadow: rgba(0,15,7,.35) 1px 1px 2px;  -webkit-box-shadow: rgba(0,0,0,.1) 4px 4px 8px; -moz-box-shadow: rgba(29,15,7,.35) 1px 1px 2px;}
#navlili:last-child a { border-bottom: 1px solid #fff;; }

#navlili:hover { background: url(../images/sub-nav-item-hover-gr.gif) 0 0 repeat-x; }

/* header > cu3er*/
#cu3er { width: 960px; float: left;  padding: 30px 0px 0; margin: 0; float: left; }
#cu3er .holder { width: 618px; float: left;height: 212px; padding: 0 0 30px; }
#cu3er .desc { float: left; width: 290px;  padding: 0 5px;}
#cu3er h2 { border-bottom: 1px solid #ff7500; padding: 0 0 10px; display: inline;} 
#cu3er p { color: #473c3c; font-size: .9em; margin: 20px 15px 0 0;}
#cu3er .more { margin: 20px 0 0; padding: 15px 0 0 16px; width: 176px; color: #744004; background: url(../images/button-1.png) 0 0 no-repeat; height:29px; float: right; position: relative; z-index: 12; clear: both; top: -325px; right: 50px; z-index: 9999;}
#cu3er .more:hover,
#cu3er .more:focus { background-position: 0 -44px; }

/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */

.arrowlistmenu{
width: 220px; /*width of accordion menu*/
position: absolute;
z-index: 3;
margin: 0;
/*margin-top: 70px;
margin-left: auto;*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #65BE06;
background-color: #555;
/*background: black url(images/titlebar.png) repeat-x center left;*/
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
/*cursor: hand;*/
/*cursor: pointer;*/
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: /*#A70303*/ #555;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: /*#A70303*/ #555;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: /*#A70303*/ #555;
background-color: #F3F3F3;
}

#adrs { text-align: center; background-color:#555; }
#adrs p { color:white; background-color:#555; font: 13px Arial, Helvetica, sans-serif}

/*-------------------------------------------------------*/

.cont {
	margin: 72px auto auto 235px;
	position: absolute;
	width: 848px;
}

#wrapper { 
 padding: 0;
 position:relative;
 margin: /*0 220px*/ 0 auto;
 width: 922px;
 font-family:Arial, Helvetica, sans-serif;
}

.slide {
	position:relative;
	width:450px;
	height:178px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border-style:solid;
	border-width:0px;
	border-color:#FFFFFF;
	z-index:1;
	FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,duration=5,enabled=false);
}

#logospart { 
	background: url(../images/logospart.gif) no-repeat center; 
	width: 220px; 
	height:313px;
	position: relative;
	z-index: 3;
	margin: 0;

}

/*BEGIN STYLES.CSS*/
/*-----------------------------------------------------------------------------
  [CSS Styles - Imports]
				
-----------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------
  [CSS general - Général]
  
  Feuille de style générique
  
  1.  Init
  2.  2.  Page / #body
  3.  Liens / a
  4.  Styles
  5.  Titre
				
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
  [1.  Init]		
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
option {
	padding-left: 0.4em;
}
ul, ol, dl {
	margin: 1em 0;
	padding-left: 30px
}
dl {
	margin: 1em 0;
}
dd {
	padding-left: 40px;
}
blockquote {
	margin: 0 0 1em 1.5em;
}
p {
	margin: 1em 0;
}
td, th {
	padding: 1px;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
strong {
	font-weight: bold;
}
/*-----------------------------------------------------------------------------
  [2.  Page]		
*/

body {
	background: #ffffff;
	color: #646464;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
}
#body {
	margin:0 auto;
	padding:0px;
	width:100%;
}
/*-----------------------------------------------------------------------------
  [3.  Liens]		
*/

a {
	color: #646464;
}
a:link {
	color: #646464;
}
a:hover {
	color: #dd0000;
}
/*#content-block a,#content a:link,#content a:visited{border-bottom:1px dotted #999;}*/
/*-----------------------------------------------------------------------------
  [4.  Styles]		
*/

.bold {
	font-weight: bold;
}
.redbold {
	font-weight: bold;
	color: #dd0000;
	font-size: 14px;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline
}
.red {
	color: #dd0000;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.clearer {
	clear: both;
	padding:0px !important;
	margin:0px;
}
.widget {
	display: block;
}
.widget .link {
	color: #dd0000;
}
.widget:hover .link {
	text-decoration: none;
}
/*-----------------------------------------------------------------------------
  [5.  Titre]		
*/

h1 span {
	display: none;
}
#capt {
	position:absolute;
	top:28px;
	display:none;
}
#capt div.inner {
	background:#ffffff;
	border:1px solid #ccc;
	color: #666666;
	padding:5px;
}
#capt img.arrow {
	margin-bottom:-1px;
	width:125px;
	display:block;
}
/*-----------------------------------------------------------------------------
  [CSS form - Formulaires]
  
  Feuille de style pour les formulaires
  
  1.  Formulaire / .form
  2.  Champ de formulaire / .form-input
  3.  Bouton / .form-button
				
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
  [1.  Formulaire]		
*/
 
form.form p {
	padding: 0;
	margin: 0;
}
/*-----------------------------------------------------------------------------
  [2.  Champ de formulaire]		
*/

.form-input {
	background: #fff url('../imgs/textbox-background.png') repeat-x left top;
	border: 1px solid #c3c3c3;
	color: #646464;
	padding: 3px;
}
/*-----------------------------------------------------------------------------
  [3.  Bouton]		
*/

.form-button {
	background: #fff url('../imgs/button-background.png') repeat-x left top;
	border: 1px solid #e8e8e9;
	padding: 3px;
}
.form-button.hover {
	color: #dd0000;
	cursor: pointer;
}
#top-menu-main-accueil {
	background-image: url('../imgs/accueil.png');
	width: 96px;
}
#top-menu-main-accueil:hover {
	background-image: url('../imgs/accueil_hover.png');
}
#top-menu-main-internet {
	background-image: url('../imgs/internet.png');
	width: 87px;
}
#top-menu-main-internet:hover {
	background-image: url('../imgs/internet_hover.png');
}
#top-menu-main-telephone {
	background-image: url('../imgs/telephone.png');
	width: 108px;
}
#top-menu-main-telephone:hover {
	background-image: url('../imgs/telephone_hover.png');
}
#top-menu-main-television {
	background-image: url('../imgs/television.png');
	width: 108px;
}
#top-menu-main-television:hover {
	background-image: url('../imgs/television_hover.png');
}
#top-menu-main-boutique {
	background-image: url('../imgs/boutique.png');
	width: 110px;
}
#top-menu-main-boutique:hover {
	background-image: url('../imgs/boutique_hover.png');
}
#top-menu-main-assistance {
	background-image: url('../imgs/assistance.gif'); /*png >> Gif pour Rodolphe le 11/12/08 TEMPORAIRE*/
	width: 122px;
}
#top-menu-main-assistance:hover {
	background-image: url('../imgs/assistance_hover.png');
}
#reminder {
	width:100px !important;
	height:95px !important;
	background:url('../images/ayrade.png') no-repeat  !important;
}
/*END STYLE.CSS*/




/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		  [/accueil]--------------------------------------------------------------------
		-----------------------------------------------------------------------------*/
		
		
		/* CSS pour le composant: /layouts/base */
		
		/*-----------------------------------------------------------------------------
		  [Composant /layouts/base]
		  
		1. Main / #main
			2. Main left / .left
				2.1 Submenu / #submenu
				2.2 Contenu / #content-container
				2.3 Navigation inter section / #inter-section-nav
			3. Main right / .right
				3.1 Widget / .widget
	
		-----------------------------------------------------------------------------*/
				
		/*-----------------------------------------------------------------------------
			[1. Main]
		*/
		#mainbg {
	background: transparent url(../imgs/bg3.gif) repeat-x left top;
	width:100%
}
#main { /*border-bottom: 1px solid #858483;*/
	margin:0px;
	padding:0px;
	width:100%;
	margin:auto;
}

/*
#test {
	margin:0px;
	position:relative; z-index:2;
	bottom:280px;
	margin-left:50px;
	width: 920px;
	
}
*/

/*-----------------------------------------------------------------------------
			[2. Main left]
		*/
		
		#main .left {
	border-right: 1px solid #bababa;
	float: left;
	width: 749px;
}
#main .left-100p {
	float: left;
	width: 100%;
}
/*-----------------------------------------------------------------------------
			[2.1 Submenu]
		*/
		
		#submenu {
	background: white url(../imgs/sub-menu-background.png) repeat-x left top;
	border-bottom: 1px solid #bababa;
	height: 31px;
	width: 100%;
}
#submenu .back {
	background: white url(../imgs/sub-menu-back-button.png) no-repeat left top;
	display: block;
	float: left;
	height: 31px;
	width: 76px;
}
#submenu .back span {
	display: none;
}
#submenu ul {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu ul li {
	display: inline;
}
#submenu ul li a {
	display: block;
	float: left;
	height: 31px;
	padding: 0px;
	text-decoration: none;
}
#submenu ul li a span {
	display: none;
}
/*-----------------------------------------------------------------------------
			[2.2 Contenu]
		*/
		
		#content-container {
	background: transparent url(../imgs/content-container-background.png) repeat-x;
}
#content .content-title {
	font-size: 150%;
	line-height: 120%;
	padding: 30px 20px 20px 20px;
	text-transform: uppercase;
}
#content .content-title span {
	display: inline;
}
/*-----------------------------------------------------------------------------
			[2.3 Navigation inter section]
		*/
		
		#inter-section-nav {
	clear: both;

	margin: auto auto 3px auto;
	width: 100%;
}
#inter-section-nav div.arrow {
	background: white url(../imgs/background.png) repeat-x left top;
	border: 1px solid #e6e6e6;
	display: block;
	height: 25px;
	margin: 3px;
	padding: 2px;
	width: 250px;
}
#inter-section-nav div.arrow .inner {
	display: block;
	height: 25px;
	line-height: 25px;
}
#inter-section-nav div.arrow-left {
	float: left;
	text-align: right;
}
#inter-section-nav div.arrow-left .inner {
	background: url(../imgs/left-arrow.png) no-repeat left center;
	padding-left: 25px;
	padding-right: 10px;
}
#inter-section-nav div.arrow-right {
	float: right;
}
#inter-section-nav div.arrow-right .inner {
	background: url(../imgs/right-arrow.png) no-repeat right center;
	padding-left: 10px;
	padding-right: 25px;
}
/*-----------------------------------------------------------------------------
			[3. Main right]
		*/
		
		#main .right {
	color: #fff;
	float: left;
	height: 100%;
	width: 198px;
}
/*-----------------------------------------------------------------------------
			[3.1 Widget]
		*/
		
		#main .right .widget {
	background: transparent url(../imgs/right-widgets-separator.png) no-repeat 10px 0;
	border: 0;
	color: #666666;
	margin-top: 15px;
	padding-top: 15px;
}
#main .right .first {
	background: none;
	margin-top: 0px;
	padding-top: 0px;
}
#main .right .widget div div {
	padding-left: 60px;
}
#main .right .widget div div h1 {
	color: #3c3c3c;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0;
}
#main .right .widget div div h1 span {
	display: inline;
}
#main .right .widget div div p {
	margin: 0;
}
/*-----------------------------------------------------------------------------
			[3.2 Background Logo]
		*/
		
		#logbg {
	background: transparent url('../imgs/ayrade_alpha.png') no-repeat;
	border: 0;
	width: 166px;
	height: 183px;
	float: right;


}
/*-----------------------------------------------------------------------------

		  [Composant /layouts/base]
		  
		-----------------------------------------------------------------------------*/
		
			
		/*-----------------------------------------------------------------------------
			[1. Top]
		*/
		#topbg {
	background: transparent url(../imgs/bg2.gif) repeat-x left 10px;
	width:100%;
}
#top { /*background: #fff url(../../im/components/partials/top/bg.png) repeat-x left top;*/ /*border-bottom: 1px solid #8e8e8e;*/
	height: 120px;
	margin: 0px;
	padding: 0px;
	width: 950px;
	margin: auto;
}

#topmenu {
	background: transparent url(../imgs/bg5.gif) repeat-x left 5px;
	width:100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	width: 950px;
	margin: auto;
}
/*-----------------------------------------------------------------------------
			[2. Logo]
		*/
		
		#top-logo {
	background: transparent url(../imgs/ayrade.png) no-repeat left top;
	display: block;
	float: left;
	height: 112px;
	margin: 0px;
	padding: 0px;
	width: 232px;
}
#top-logo span {
	display: none;
}
/*-----------------------------------------------------------------------------
			[3. Menus]
		*/
		
		#top-menu {
	float: left;
	height: 112px;
	width: 713px; /* 950 - 237 */
}
/*-----------------------------------------------------------------------------
			[3.1 Nav]
		*/
		
		#top-menu-nav {
	border-bottom: 1px solid #bebebe;
	float: left;
	height: 32px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#top-menu-nav li {
	display: inline;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align:middle;
	padding: 18px 10px 10px 15px;/*margin-right: 20px;*/
}
#top-menu-nav li.a1 {
	background:url(../imgs/main-menu/topbar.png) 0px 15px no-repeat;
}
#top-menu-nav li.a1:hover {
	background:url(../imgs/topbar.png) 0px -15px no-repeat;
}/**/
#top-menu-nav li.f1 {
	padding-right:0px
}
#top-menu-nav li a {
	color: #555555;
	text-decoration: none;
}
#top-menu-nav li a:hover {
	color: #dd0000;
	text-decoration: none;
}
/*-----------------------------------------------------------------------------
			[3.2 Main menu]
		*/
		
		#top-menu-main {
	float: left;
	list-style: none;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	width: 100%;
}
#top-menu-main li {
	display: inline;
}
#top-menu-main li a {
	display: block;
	float: left;
	height: 69px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 0px;
	text-decoration: none;
}
#top-menu-main li a span {
	display: none;
}
/*-----------------------------------------------------------------------------
		  [Composant /layouts/base]
		  
		-----------------------------------------------------------------------------*/
		
			
		/*-----------------------------------------------------------------------------
			[1. Bottom]
		*/
		#bottombg {
	background: transparent url(../images/bg4.jpg) repeat-x left top;
	width:100%
}
#bottom { /*background: #fff url(../../im/components/partials/bottom/bg.png) repeat-x top left;*/
	padding-bottom: 20px;
	width:980px;
	margin:auto;
}
/*-----------------------------------------------------------------------------
			[2. Infos]
		*/
		
#bottom-infos {
	background: transparent url(../images/separator.png) no-repeat 0px 25px;
	float: right;
	height: 222px;
	margin-top: 0px;
	padding: 5px 25px 10px 25px;
}
#bottom-infos h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
#bottom-infos h2 span {
	display: inline;
}
#bottom-infos ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
#bottom-infos ul li {
	margin: 0px;
	padding: 0px;
}
#bottom-infos ul li a {
	color:#999999;
	font-weight:normal;
	text-decoration:none;
}
#bottom-infos ul li a:hover {
	color: #3C6D03;
}
/*-----------------------------------------------------------------------------
			[3. Liens / Sitemap]
		*/
		
		#bottom-links {
	float: left;
}
#bottom-links h1 {
	color: #3c3c3c;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0px 0px 5px;
}
#bottom-links div {
	background: transparent url(../images/separator.png) repeat-y 0px 15px;
	float:left;
	height: 200px;
	padding: 5px 10px 10px 10px;
}
#bottom-links .first {
	background-image: none;
	float:left;
	padding: 5px 10px 10px 10px;
}
#bottom-links .indent-15 {
	background-image: none;
	padding-left: 15px;
}
#bottom-links .indent-20 {
	background-image: none;
	padding-left: 20px;
}
#bottom-links div h2 {
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
#bottom-links div h2 a:hover {
	color: #65BE06;
}
#bottom-links div h2 span {
	display: inline;
}
#bottom-links div ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
#bottom-links div ul li {
	margin: 0px;
	padding: 0px;
}
#bottom-links div ul li a {
	color:#999999;
	font-weight:normal;
	text-decoration:none;
}
#bottom-links div ul li a:hover {
	color: #3C6D03;
}
/*-----------------------------------------------------------------------------
			[4. Menu]
		*/
		
		#bottom-menu {
	border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #f3f3f3;
	clear: both;
	margin: auto;
	padding: 0px;
	width: 95%;
}
#bottom-menu ul {
	margin: 0px;
	padding: 0px;
}
#bottom-menu ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#bottom-menu ul li a {
	color: #a5a5a5;
	display: block;
	float: left;
	padding: 10px 20px 10px 0px;
}
#bottom-menu ul li a:hover {
	color: #dd0000;
}
/*-----------------------------------------------------------------------------
			[5. Mentions légales]
		*/
		
		#bottom-mentions {
	color: #a5a5a5;
}
/*-----------------------------------------------------------------------------
		  [Composant /layouts/base]
		  
		-----------------------------------------------------------------------------*/
		
			
		/*-----------------------------------------------------------------------------
			[Abonnement]
		*/
		
		#widget-abonnement div img {
	display: block;
	margin: 5px auto 10px auto;
}
#widget-abonnement div div {
	background: transparent url(../imgs/ligne.png) no-repeat 15px 0px;
}
#widget-abonnement .form {
	text-align: right;
	margin-top: 8px;
}
#widget-abonnement .form p {
	padding: 3px;
	margin: 0px;
}
#widget-abonnement .form .input {
	width: 120px;
	height: 20px;
	margin: 2px;
	font-size: 12px;
	color: #494949;
}
/*-----------------------------------------------------------------------------
			[Pas de ligne]
		*/
		
		#widget-pas-de-ligne div img {
	display: block;
	margin: 5px auto 5px auto;
}
#widget-pas-de-ligne div div {
	background: transparent url(../imgs/pas-de-ligne.png) no-repeat 15px 0px;
}
/*-----------------------------------------------------------------------------
			[Callback]
		*/
		
		#widget-callback div div {
	background: transparent url(../imgs/callback.png) no-repeat 20px 0px;
}
/*-----------------------------------------------------------------------------
/* CSS pour le composant: /accueil/index */
      /*-----------------------------------------------------------------------
		  [Composant /accueil/index]
		  
		Page d'accueil principale
	
		1. Content / #content
			2. Colonne gauche / .content-left
				2.1 Header / #header
				2.2 Colone gauche gauche / .content-left-left
					2.2.1 Ligne fixe / #ligne-tel
					2.2.2 Pas de ligne fixe / #pas-ligne
					2.2.3 Besoin d'aide / #telephone
					2.2.4 Collectivités / #collectivite
				2.3 Colonne gauche droite / .content-left-right
					2.3.1 Free en 2 min / #free-en-2-min
					2.3.2 20 exclusivités / #exclus
					2.3.3 Boutons / .links
			3. Widgets / .widget
			4. Colonne droite / .content-right
			5. Bottom / .content-bottom
	
		-----------------------------------------------------------------------------*/
				
		/*-----------------------------------------------------------------------------
			[1. Content]
		*/
		
		#submenu {
	display: none;
}
#main .left {
	border: 0;
}
#content-container {
	background: none;
}
#content { /*margin-top: 15px;*/ /*temporaire rodolphe*/
}
#cont_row1 { /*height:250px;*/
	width:100%;
	background: transparent url(../imgs/bg3.gif) repeat-x left top;
}
#cont_row2 { /*height:570px;*/
	width:100%;
	background: transparent url(../imgs/bg3.gif) repeat-x left top;
}
#cont_row2_2 {
	width:950px;
	margin:auto;
}
#cont_row2_2 h1 {
	font-size:20px;
	color:#666;
	padding-top:10px;
}
.blockhome {
	width:950px;
	margin:auto;
}

#inscript_title {
	background: transparent url(../imgs/2999.png) no-repeat left 5px;
	width:950px;
	height:62px
}
#inscript {
	height:185px;
	margin-bottom:1px;
}
/*#inscript div.widget:hover {border:3px solid #E0E0E0;}*/

#inscription {
	width:320px;
	height: 185px;
	float:left;
	line-height:2em;
	clear:both;
	overflow: visible;
}
.alt {
	position:relative;
	display:none; /*border:2px solid #FFF;*/
}
.leg {
	padding:5px;
	background-color:white;
	display:none;
	font-weight:bold;
}
.alertjs {
	padding:10px;
	background-color:#FFC;
	font-weight:bold;
	font-size: 14px;
}
#offre_fbx {
	width:349px;
	height: 185px;
	float:left;
	overflow: hidden;/**/
}
#fbx_detail {
	width:150px;
	height: 185px;
	float:left;
	overflow: hidden;/**/
}
#da_exclus {
	width:129px;
	height:92px;
	overflow: hidden;/**/
	float:left;
	display:block;
}
#degroup {
	width:129px;
	height:92px;
	overflow: hidden;/**/
	float:left;
	display:block;
}
#tabz {
	padding-top:10px;
}
.mini {
	font-size:11px;
	font-weight:normal;
}
#tabz ul, #fenetre ul {
	margin:0;
	padding:0;
}
#tabz ul.head li h3 {
	font-size:18px;
	font-weight:bold;
	width:100%
}
#tabz ul.head li {
	list-style:none;
	margin-top:10px;
	float:left;
}
#tabz ul.head li a {
	font-size:14px;
	font-weight:bold;
	padding:5px;
	border:3px solid #E0E0E0;
	float:left;
	background: white;
	width:300px;
	height:37px;
	border-bottom:3px solid #CCC;
	display:block;
	color: #999;
	line-height: 18px;
}
#tabz ul.head li a.selected {
	border:3px solid #CCC;
	height:40px;
	border-bottom:none;
	color:#666
}
#tabz div.tab {
	height:150px;
	background: white;
	width:932px;
	border:3px solid #ccc;
	border-top:none;
	padding:5px;
	overflow: hidden;
	display:block;
	float: left;
}
#tabz div.tab ul {
}
#tabz div.tab li {
	list-style:none;
	float:left;
}
#tabz div.home_elm {
	width:150px;
	padding:5px;
	padding-top:55px;
	float:left;
	display:block;
	line-height:normal;
}
#tabz div.home_elm_hover {
	position:relative;
	width:186px;
	height:5px;
	background-color:red;
	display:none;
	left:-18px;
}
#tabz div.tab div.home_elm {
	list-style:none;
	display:block;
	margin-left:0px;
	background: transparent url(../imgs/tabz.png) no-repeat;
	padding: 55px 18px 10px 18px;
}
#tabz div.tab div.home_elm a {
	text-decoration:underline;
	color:red;
}
#bloc_promo {
	width:933px;
	margin:auto;
	height:198px;
	background: white;
	border:3px solid #ccc;
	margin-top:20px;
	margin-bottom:30px
}
.scroller {
	float:left;
	width:35px;
	height:198px;
	vertical-align:middle;
	overflow:hidden;
	cursor:crosshair;
}
#left {
	width:0px;
	background: url(../imgs/masymas.png) no-repeat left top;
}
#left a {
	margin:auto;
	vertical-align:middle;
}
#fenetre {
	float:left;
	width:895px;
	height:198px;
	overflow: hidden;
	position:relative;
}
#right {
	float:right;
	background: url(../imgs/masymas.png) no-repeat -35px top;
}
#slides {
	height:200px;
	width:1800px;
	position:relative; /*left:-10px;*/
	top:0px;
	overflow:hidden;
}
#slides li {
	list-style:none;
	width:190px;
	height:190px;
	margin-left:20px;
	float:left;
	display:block;
	padding:5px
}
#inscription > div {
	padding-left:35px;
}
div.gimmemo {
	display:none;
	position:absolute; /*left:360px; top:-4px; */
	height:44px;
	width:332px;
	z-index:9999;
	background:white;
	padding:5px;
	overflow:hidden;
	clear:both;
	line-height:normal;
	border-left:none
}
div.gimmemo ul {
	margin:0;
	padding:0px;
}
div.gimmemo ul li {
	background: url(../imgs/list-arrow-red.png) no-repeat 0px 8px;
	line-height: 15px;
	margin-left: 15px;
	padding-left: 10px;
}
div.gimmemo h3 {
	color:#C00;
	font-size:14px;
	font-weight:bold;
}
div.A {
	border:4px solid #C00;
	border-left:none
}
div.B {
	border:4px solid #CCC;
	border-left:none
}
div.C {
	border:4px solid #DFDFDF;
	border-left:none
}
.hidden {
	display:none;
}
#flashsrc_container {
	display: block;
	width: 620px;
	visibility: visible;
	position:absolute;
	z-index:9999;
	display:none;
	border:4px solid #E0E0E0;
	background-color:white;
}
#flashsrc_title_inner span.left {
	float:left
}
#flashsrc_title_inner span.right {
	float:right
}
#flashsrc_body img {
	margin:0;
	padding:0;
}
#flashsrc_body_inner {
	height: 488px;
	display: block;
	margin:0px;
	padding:0px;
}
#flashsrc_toolbar_inner {
	margin-top: 0px;
}
#flashsrc_nav_close {
}
/*-------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
			[2. Colonne gauche]
		*/
		
		#content .content-left {
	float: left;
	width: 550px;
	margin-top: 15px;/*temporaire rodolphe*/
}
/*-----------------------------------------------------------------------------
			[2.1 Header]
		*/
		
		#content .header {
	background: url(../imgs/header.png) no-repeat;
	height: 150px;
	width: 534px;
}
#content .header span {
	display: none;
}
/*-----------------------------------------------------------------------------
			[2.2 Colonne gauche gauche]
		*/
		
		#content .content-left .content-left-left {
	float: left;
	width: 300px;
}
/*-----------------------------------------------------------------------------
			[2.2.1 Ligne fixe]
		*/
		
		
#ligne-tel {
	height:54px;
	display:block;
	border:4px solid #C00;
	background: transparent url(file:///E|/Work/im/components/accueil/home/ligne-tel.png) repeat-x left top;
	overflow:visible;
	cursor:crosshair;
}
#ligne-tel h2 {
	background: url(file:///E|/Work/im/components/accueil/home/ligne-tel.png) no-repeat top right;
	height: 21px;
	margin-bottom: 10px;
}
#ligne-tel h2 span {
	display: none;
}
#ligne-tel form {
	background: #fff;
	margin: auto;
	margin-top: 0px;
	padding: 2px;
	text-align: left;
	width: 270px;
	margin-right:10px;
}
#ligne-tel form input {
	float: left;
}
#ligne-tel form .form-input {
	background: #fff;
	border: 1;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	width: 110px;
}
#ligne-tel form .form-button {
	background: url(file:///E|/Work/im/components/accueil/home/test-votre-ligne.png) no-repeat;
	height: 27px;
	width: 133px;
	float:right;
}
#ligne-tel form .form-button:hover {
	background: url(file:///E|/Work/im/components/accueil/home/test-votre-ligne_hover.png) no-repeat;
}
/*-----------------------------------------------------------------------------
			[2.2.2 Pas de ligne fixe]
		*/
		
#pas-ligne {
	height:54px;
	border:4px solid #CCC;
	background: transparent url(file:///E|/Work/im/components/accueil/home/ligne.png) repeat-x left top;
	overflow:visible;
	cursor:crosshair;
}
#pas-ligne h2 span {
	display: none;
}
#pas-ligne span {
	float:left;
	margin-top: 14px;
	font-size: 18px;
	color:#999999;
	padding-left:10px;
}
#pas-ligne a.ouvrir-une-ligne-button {
	background: url(file:///E|/Work/im/components/accueil/home/ouvrir-une-ligne.png) no-repeat;
	border: 1px solid #ccc;
	display: block;
	float: right;
	height: 27px;
	width: 130px;
	margin-top: 10px;
}
#pas-ligne a.ouvrir-une-ligne-button:hover {
	background: url(file:///E|/Work/im/components/accueil/home/ouvrir-une-ligne_hover.png) no-repeat;
}
#pas-ligne a.ouvrir-une-ligne-button .hidden {
	display: none;
}
/*-----------------------------------------------------------------------------
			[2.2.3 Besoin d'aide]
		*/
#telephone {
	height:54px;
	background: transparent url(file:///E|/Work/im/components/accueil/home/ligne.png) repeat-x left top;
	overflow:visible;
	border:4px solid #DFDFDF;
	cursor:crosshair;
}
#telephone h2 {
	background: url(file:///E|/Work/im/components/accueil/home/telephone.png) no-repeat top right;
	height: 21px;
}
#telephone h2 span {
	display: none;
}
#telephone span {
	float:left;
	margin-top: 14px;
	font-size: 18px;
	color:#999999;
	padding-left:10px
}
#telephone span.num {
	float:left;
	margin-top: 14px;
	font-size: 25px;
	color:#c00;
	padding-left:10px
}
#telephone a {
	color: #dd0000;
}
#telephone a:hover {
	text-decoration: underline;
}
/*-----------------------------------------------------------------------------
			[2.2.4 Collectivités]
		*/
		
		#collectivite {
	font-size: 0.9em;
}
#collectivite a {
	color: #dd0000;
}
#collectivite a:hover {
	text-decoration: underline;
}
/*-----------------------------------------------------------------------------
			[2.3 Colonne gauche droite]
		*/
		
		#content .content-left .content-left-right {
	float: left;
	margin-top: 15px;
	padding-left: 30px;
	width: 190px;
}
/*-----------------------------------------------------------------------------
			[2.3.1 Free en 2 min]
		*/
		
		#free-en-2-min {
	background: url(file:///E|/Work/im/components/accueil/home/video.png) no-repeat;
	display: block;
	height: 134px;
	margin: auto;
	margin-bottom: 10px;
	width: 174px;
}
#free-en-2-min .hidden {
	display: none;
}
/*-----------------------------------------------------------------------------
			[2.3.2 20 exclusivités]
		*/
		
		#exclus {
	background: url(file:///E|/Work/im/components/accueil/home/20-exclusivites.png) center center no-repeat;
	border: 1px solid #e6e6e6;
	display: block;
	height: 90px;
	margin: auto;
	width: 168px;
}
#exclus span {
	display: none;
}
/*-----------------------------------------------------------------------------
			[2.3.2 20 Fibre optique]
		*/
		
		#fibre-optique {
	background: url(file:///E|/Work/im/components/accueil/home/fibre-optique-100-mega.png) center center no-repeat;
	display: block;
	height: 134px;
	margin: auto;
	margin-bottom: 10px;
	width: 174px;
}
#fibre-optique span {
	display: none;
}
/*-----------------------------------------------------------------------------
			[2.3.3 boutons]
		*/
		
		#content .content-left-right .links {
	border: 1px solid #e6e6e6;
	display: block;
	height: 20px;
	margin: 7px auto 7px auto;
	padding: 2px;
	width: 170px;
}
/*-----------------------------------------------------------------------------
			[3. Widgets]
		*/
		
		#content .widget {
	text-align: left;
}
#content .widget .inner {
	background-position: 10px 0px;
	background-repeat: no-repeat;
}
#content .widget .inner h1 {
	background-repeat: no-repeat;
	height: 22px;
}
#content .widget .inner h1 span {
	display: none;
}
#content .widget .inner {
	padding-left: 90px;
}
#content .widget .inner ul, #content .widget .inner ul li {
	margin: 0;
	padding: 0;
}
#content .widget .link {
	color: #dd0000;
	font-weight: bold;
}
/*-----------------------------------------------------------------------------
			[4. Colonne droite]
		*/
		
		#content .content-right {
	float: right;
	padding: 0px 0pt 0pt 60px;/* padding: 40px 0pt 0pt 60px; modifié rodolphe 11/12/2008*/
	width: 340px;
}
#content .content-right .widget {
	border-bottom: 4px solid #e6e6e6;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#content .content-right #rodolphe {/*modifié rodolphe 11/12/2008*/
	border-bottom: 4px solid #e6e6e6;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#content .content-right .last {
	border-bottom: 0;
}
/*-----------------------------------------------------------------------------
			[5. Bottom]
		*/
		
		#content .content-bottom {
	clear: both;
	margin-bottom:20px;
}
#content .content-bottom .widget {
	background: url(file:///E|/Work/im/components/accueil/home/bg-box.png) repeat-x bottom left;
	border: 1px solid #eaeaea;
	float: left;
	height: 165px;
	margin: 4px; /*padding: 7px;*/
	width: 226px;
}
#content .content-bottom .widget:hover {
	border: 1px solid #FF0000;
}
#content .content-bottom .widget .inner {
	background-position: 0px 0px;
	padding:0;
	margin:0;/*padding-left: 70px;*/
}	

/* Import des styles pour les menus */
		
		
		/*-----------------------------------------------------------------------------
		    [Gestion des menu/sous-menu]
		-----------------------------------------------------------------------------*/	
		
		/* Avtivation du menu nav */
		#top-menu-nav a.freebox {
	color: #dd0000;
	text-decoration: none;
}
/* Activation du menu principal */
		#top-menu-main-accueil {
	background-image: url(file:///E|/Work/im/global/navigation/main-menu/accueil_active.png);
}
#top-menu-main-accueil:hover {
	background-image: url(file:///E|/Work/im/global/navigation/main-menu/accueil_active.png);
}
#widget-bloc-promo-4 ul {
	padding:0px;
	margin:0px;
}