@font-face { font-family : "Myriad";
src: url("/fonts/myriad.otf"); }
body { font-family: Helvetica, Verdana, Arial; font-weight:normal; font-size:12px; overflow-x:hidden; position:relative; }
* {	padding:0px; margin:0px; outline:none; border:none; position:relative; }
ul { list-style-type:none; }
h1, h2 { font-family : "Myriad", Helvetica, Verdana; font-weight:bold; }
a { text-decoration:none; color:#1182b6; }
a:hover { text-decoration:underline; }

/* HEADER */
#header { height:208px; background-repeat:repeat-x; background-image:url(../img/header/header_extend.jpg); width:100%; display:block; z-index:1; }
#top { height:351px; background-repeat:repeat-x; background-image:url(../img/top/top_extend.jpg); padding:0; width:100%; display:block; z-index:3; }
#top div.centre { position:absolute; left:50%; margin-left:-650px; top:4px; margin-top:0px; width:1300px; background-position:left; height:348px; background-repeat:no-repeat; overflow:hidden; z-index:1; }
#top div.une { background-image:url(../img/top/top_photo_une.jpg); z-index:1; padding:0px; }
#content { background-color:#fafafa; background-repeat:repeat-x; background-position:top;background-image:url(../img/content/content_extend.jpg); width:100%; display:block; z-index:1; }
#header a.logo { width:361px; height:177px; display:block; background-image:url(../img/header/logo.jpg); margin:auto; }
#slogan { position:absolute; top:158px; z-index:4; width:740px; margin-left:-370px; left:50%; text-align:right; color:#454343; }
#slogan span.hl { color:#008cd0; font-style:italic; text-shadow: 0px 0px 2px #5ec5ed; }

/* NAVBAR */
#navbar { position:absolute; top:173px; height:74px; display:block; z-index:4; min-width:754px; margin-left:-377px; left:50%;  }
#navbarb { position:absolute; top: 64px; right:0; display:none; }
#navbar img, { float:left; height:74px; width:16px; }
#navbar ul li, #navbarb ul li { float:left; height:74px; background-image:url(../img/navbar/navbar_extend.png); }
#navbar ul li.trait, #navbarb ul li.trait { background-image:url(../img/navbar/navbar_trait.png); width:2px; }
#navbar ul li.coin_gauche { background-image:url(../img/navbar/navbar_coingauche.png); width:12px; }
#navbar ul li.coin_droite { background-image:url(../img/navbar/navbar_coindroit.png); width:12px; }
#navbarb ul li.coin_gauche { background-image:url(../img/navbar/navbarb_coingauche.png); width:12px; }
#navbarb ul li.coin_droite { background-image:url(../img/navbar/navbarb_coindroit.png); width:16px; }
#navbar ul li a, #navbarb ul li a { color:#dedede; padding: 0 21px 0 21px; margin-top:7px; height:60px; line-height:60px; display:block; font-size:16px; text-decoration:none; }
#navbar ul li a.home { padding:0; }
#navbar ul li a.home img { width:58px; height:60px; }
#navbar ul li a:hover, #navbarb ul li a:hover { background-image:url(../img/navbar/survol.png); background-position:center; }
#navbar ul li a.selected { background-image:url(../img/navbar/selected.png); background-position:center; }
a#facebook { position:absolute; top:173px;  width:71px; height:74px; margin-left:-457px; left:50%; display:block; background-image:url(../img/navbar/facebook.png);  z-index:4; }
#navbarb ul li { background-image:url(../img/navbar/navbarb_extend.png); }

/* TOP */

div.topbox { z-index:10; position:absolute; top:48px; left:686px; width:395px; height:280px; background-image:url(../img/top/title_alaune.gif); background-position:top left; background-repeat:no-repeat; }
div.topbox ul.switcher {  position:absolute; top:0; right:0; background-image:url(../img/top/box_slide.png); background-position:0 0; background-repeat:no-repeat; }
div.topbox ul.switcher li { float:left; width:26px; height:25px; text-align:center; line-height:27px; margin-right:20px; }
div.topbox ul.switcher li a { text-decoration:none; font-size:14px; color:#686868; width:26px; display:block; text-align:center; }
#switcher { display:block; }

div.une div.top { position:absolute; top:53px; left:17px; color:#FFF; }
div.une div.top h2 { font-weight:normal; font-size:18px; min-height:25px; line-height:25px; text-shadow:#646464 1px 1px; display:block;  }
div.une div.top p { font-size:14px; margin-bottom:24px; text-shadow:#6f6f6f 1px 1px; }

div#newscontainer { width:380px; overflow:hidden; }
div#newscontainer ul { width:1140px; margin-left:0; }
div#newscontainer ul li { float:left; width:380px; display:block; }
 
#top div.phone { background-image:url(../img/top/blanc.png); background-repeat:repeat; display:block; position:absolute; bottom:0px; left:17px; color:#FFF; font-size:14px; padding:4px 10px 4px 10px; width:363px; }
#top div.phone ul {  display:block; }
#top div.phone ul li { float:left; display:block; min-height:50px; }
#top div.phone ul li.phone { background-image:url(../img/icones/pic_phone.png); width:60px; background-position:top center; background-repeat:no-repeat; }
#top div.phone ul li.agences { text-align:left; width:150px; }
div.une iframe { z-index:10; margin:0; padding:0; border:none; width:395px; height:25px; position:absolute; top:310px; left:705px;  }

/* CONTENT */
#content div.centre { width:1000px; margin:auto; padding-top:10px; }
#content div.centre div.joinune { width:151px; height:55px; display:block; background-image:url(../img/content/top_photo_join.png); margin-left:210px; position:absolute; top:0; left:0; }
div.col_gauche { float:left; width:294px; margin-top:10px; }
div.col_gauche div, div.pre_footer { padding-left:46px; background-position:top left; display:block; background-repeat:no-repeat; margin-bottom:20px; }
div.col_gauche div.comment { background-image:url(../img/icones/pic_guillemet.png); }
div.col_gauche div h2 { color:#2e2929; font-size:14px; line-height:14px; }
div.col_gauche div p { padding-right:46px; margin:15px 0 15px 0; color:#1182b6; line-height:16px; text-align:justify; }
div.col_gauche div.comment p { background-position:bottom right; background-repeat:no-repeat; background-image:url(../img/icones/pic_guillemet_droite.png); }
div.col_gauche div.comment a { margin-left:4px; } 
div.col_gauche div.search { background-image:url(../img/icones/pic_search.png); }
div.col_gauche div.taux { background-image:url(../img/icones/pic_pourcentage.png); }
div.col_gauche div.facebook { background-image:url(../img/icones/pic_facebook.png); }
div.col_gauche div.phone { background-image:url(../img/icones/pic_phone_right.png); }
div.col_gauche div.phone p { text-align:left; }
span.tauxvar { font-size:16px; text-align:center; }

/* DOSSIER */
#content div.centre div.dossier { margin:0 46px 0 46px; }
ul#nav_dossier { height:65px; z-index:1; }
ul#nav_dossier li { float:left; width:50px; height:65px; color:#FFF; line-height:65px; font-size:20px; text-align:center; background-image:url(/img/content/dossier/nav_dossier_extend.png); }
ul#nav_dossier li.start { width:11px; background-image:url(/img/content/dossier/nav_dossier_coin.png); }
ul#nav_dossier li.selected { background-image:url(/img/content/dossier/nav_dossier_extend_bleu.png); }
ul#nav_dossier li.end { width:11px; background-image:url(/img/content/dossier/nav_dossier_coin_droite.png); }
ul#nav_dossier li a { text-decoration:none; color:#FFF; display:block; width:50px;  height:65px; } 
ul#nav_dossier li a:hover { color:#1182b6; } 
span.trait { height:59px; width:48px; display:block; margin: 3px 0 3px 0; line-height:59px; border-left:1px solid #5c5c5c; border-right:1px solid #5c5c5c; }

table.taux tr td { padding: 1px 12px 1px 0; }
table.taux thead tr td { color:#585858; }
div.pre_footer { clear:both; background-image:url(../img/icones/pic_pointi.jpg); color:#272727; }
div.col_droite { float:left; margin-left:50px; max-width:612px; }
	
	/* CONTENT PAGE */
	div.pagecontent { padding-top:10px; }
	div.pagecontent p { margin-bottom:15px; margin-right:5px; text-align:justify; line-height:16px; }
	div.pagecontent p a { text-decoration:none; color:#1182b6; }
	div.pagecontent p a:hover { text-decoration:underline; }
	div.pagecontent p.header { font-style:italic; font-size:14px; line-height:16px; margin-top:7px; margin-bottom:20px;  }
	div.pagecontent h1 { font-size:22px; }
	div.pagecontent h2 { font-size:16px; color:#1182b6; font-weight:normal; }
	div.pagecontent iframe.googlemap { margin: 10px 0 10px 0; border:1px solid #000; }
	div.pagecontent iframe.facebook { width:395px; height:25px; margin:auto; background:transparent; background-color:transparent; }
	a.bulle { float:left; text-decoration:none; color:#333; margin-right:10px; margin-top:10px; text-align:center; padding:5px; width:130px; height:100px; background:#FFF; border:1px solid #333; border-radius:5px; }
	a.bulle:hover { border-color:#1182b6; color:#1182b6; }

	/* CONTENT NEWS */
	div#newslist { margin-top:10px; margin-bottom:10px;   }
	div#newslist h2 { font-size:16px; }
	div#newslist p { margin:2px 0 2px 0; }
	div#newslist a { text-decoration:none; color:#093d56; display:block; padding: 5px 0 10px 10px; border-left:2px solid #000; width:600px; }
	div#newslist a.gris { color:#000; }
	div#newslist a:hover { background:#f5f5f5; border-color:#1181b5; color:#1181b5; }
	div#newcontainer { min-height:400px; display:block; }
	div.col { width:106px; margin:0 45px 0 45px; padding-top:13px; float:left; }
	div.centreb { width:515px; padding-top:0; }
	div.loading { background:#FFFFFF; text-align:center; border-radius:5px; padding:5px 0 5px 0; border:#F4F4F4 1px solid; margin:auto; width:200px; position:absolute; top:100px; left:50%; margin-left:-100px; display:none; }
	a.tag, #pagination a.pagination { border-radius:5px; background-color:#FFF; padding:5px; float:left; border:1px solid #6d6d6d; color:#6d6d6d; margin:2px; text-decoration:none; }
	div.actualites { margin-top:5px; }
	div.actualites h1 { width:395px; float:left; }
	#pagination { width:215px; float:left; }
	#pagination a.pagination { min-width:15px; text-align:center; }
	a.tag:hover, a.tagselected, #pagination a.paginationselected { color:#1182b6; border-color:#1182b6; background-color:#e9f1f5; }
	#pagination a.paginationunselected { border:0px; background:none; }
	div.newcontent a, div.newcontent a:visited { text-decoration:none; color:#1182b6; }
	div.newcontent a:hover { text-decoration:underline; }
	
/* FOOTER */
#footer { width:100%; height:110px; background-image:url(../img/footer/footer_extend.jpg); display:block; font-size:11px; }
#footer ul { width:909px; margin:auto; }
#footer ul li {  float:left; width:303px; background-repeat:no-repeat; padding-top:33px; margin-top:10px; }
#footer ul li.sites { background-image:url(../img/footer/sites_ce.jpg); background-position:top left; } 
#footer ul li.headlynx { text-align:center; background-image:url(../img/footer/conception.jpg); background-position:top center; }
#footer ul li.headlynx a { display:block; width:193px; height:53px; margin:auto; background-image:url(../img/footer/badge_headlynx.jpg); background-position:top; } 
#footer ul li.headlynx a:hover { background-position:bottom; }
#footer ul li.copyright { background-image:url(../img/footer/copyright_ce.jpg); background-position:top right; text-align:right; } 
#footer ul li a { color:#FFF; text-decoration:none; }
#footer ul li a:hover { color:#3aafdb; }

/* ADMIN */
#gris { display:none; background-image:url(../img/admin/pix.png); width:100%; height:100%; z-index:5; position:fixed; top:0; left:0; }
#gris div.content { width:862px; margin:auto; margin-top:20px; }
#gris div.content div#change { width:820px; background-image:url(../img/admin/admin_content_extend.png); padding-left:20px; padding-right:22px; }
#gris div.content div.top { height:5px; width:862px; background-image:url(../img/admin/admin_content_top.png); }
#gris div.content div.bottom { height:21px; width:862px; background-image:url(../img/admin/admin_content_bottom.png); }
#gris div.content h1 { float:left; color:#9b9b9b; text-transform:uppercase; width:780px; font-family:"Myriad", Helvetica, Verdana; font-size:18px; line-height:40px; font-weight:normal; border-bottom:1px solid #c6c6c6; }
#gris div.content div#change div.adjust, div.wysiwyg { clear:both; padding: 20px 0 5px 0; }
#adminnavbar { width:52px; position:fixed; top:19px; left:50%; margin-left:451px; z-index:6; }
#adminnavbar li { background-image:url(../img/admin/admin_extend.png); width:52px; display:block; }
#adminnavbar li a { display:block; width:48px; height:43px; background-position:top; }
#adminnavbar li a.simulateur { background-image:url(../img/admin/simulateur.png); }
#adminnavbar li a.settings { background-image:url(../img/admin/settings.png); }
#adminnavbar li a.pages { background-image:url(../img/admin/page.png); }
#adminnavbar li a.news { background-image:url(../img/admin/news.png); }
#adminnavbar li a.users { background-image:url(../img/admin/users.png); }
#adminnavbar li a.logout { background-image:url(../img/admin/logout.png); }
#adminnavbar li a:hover { background-position:bottom; cursor:pointer; }
#adminnavbar li.top { background-image:url(../img/admin/admin_top.png); height:54px; }
#adminnavbar li.bottom { background-image:url(../img/admin/admin_bottom.png); height:7px; }
a#close { float:left; text-align:center; font-weight:bold; font-family:Verdana; width:40px; height:40px; display:block; line-height:40px; color:#c11d1d; border-bottom:1px solid #c6c6c6; text-decoration:none; font-size:18px; }

/* BOUTONS */
a.bouton, input.bouton_blanc { background-position:0 0; width:106px; height:42px; display:block; background-image:url(../img/boutons/bouton.png); color:#6d6d6d; line-height:46px; text-decoration:none; font-size:13px; text-align:center; }
a.bouton:hover, input.bouton_blanc:hover { background-position:0 -42px; color:#515151; }
a.bouton:active { background-position:0 -84px; }
input.bouton_blanc:hover { cursor:pointer; } 

a.bouton_noir, a.bouton_rouge, input.bouton, input.carre { font-size:12px; background:none; background-position:0 0; width:193px; height:55px; display:block; background-image:url(../img/boutons/bouton_noir.png); color:#dadada; line-height:55px; text-decoration:none; text-align:center; }
a.bouton_noir:hover, a.bouton_rouge:hover, input.bouton:hover { background-position:0 -55px; color:#FFF; cursor:pointer; }
a.bouton_noir:active, a.bouton_rouge:active { background-position:0 -110px; }
input.carre:hover  { background-position:0 -21px; color:#FFF; cursor:pointer; }
a.bouton_rouge { background-image:url(../img/boutons/bouton_rouge.png); }
a.topright { position:absolute; top:1px; right:5px; }
a.bouton_cancel { z-index:2; background:none; background-position:0 0; width:67px; height:65px; display:block; background-image:url(../img/boutons/bouton_cancel.png); }
a.bouton_cancel:hover { background-position:0 -65px; cursor:pointer; }

a.centre { margin:auto; }
input.vert { background-image:url(../img/boutons/bouton_vert.png); }
a.copy { background-image:url(../img/boutons/copy.png); width:87px; height:56px; display:block; margin:auto; background-position:top; }
a.copy:hover { background-position:bottom; }