@import "formulaire.css";
/*@import "referencement.css";*/
@import "navigation.css";
/*@import "produits.css";*/
@import "paiement.css";
@import "highslide.css";
@import "highslide-ie6.css";
/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 02-04-2008 --*
 *------------------------------------------------*/

 .test {border:1px solid red;}

* {margin:0; padding:0;}
a { overflow:hidden; outline:none;}

a.link-mail {color:#eee; text-decoration:none;}
a:hover.link-mail {color:#F90014;}

html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0 auto;
	padding: 0;
	background-color: #000;
	color: #fff;
	width:1000px;
	font: normal 12px/1.2em arial,helvetica,sans-serif;
}

p { margin:10px 0; }

a img {border:none;}


#general {margin:0 auto; width:1000px;}
#header {
	padding:20px 0;
	position:relative;
	height:30px;
}
#logo {
	display:block;
	float:left;
}
#choix_lang {
	position:absolute;
	right:0;
	top:0;
}
#choix_lang a img {
	border:none;
	filter : alpha(opacity=70);
	-moz-opacity : 0.7;
	opacity : 0.7;
}
#choix_lang a.lang_on img {
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1;
}


/*	HOME PAGE	*/

#diaporama {
	position: relative;
	height: 530px;
	overflow: hidden;
}
#flash {
	position: absolute;
	z-index: 0;
}

.encart {
	width: 305px;
	float: left;
	margin: 0px;
	height: 200px;
	position: absolute;
	z-index: 5;
	color: #000;
	bottom: 25px;
	line-height: 15px;
	display:block;
	font-size:11px;
}

.encart a { display:block; width:285px; height:180px; padding: 10px; color:#000; text-decoration:none !important;}
.encart a:hover { color:#95060B !important;}

.encart ul {
	margin: 0px;
	padding: 15px 0 0 0;
	list-style: none;
}
.encart ul li.depuis {
	float:right;
	font-size: 12px;
}
.encart ul li.infos {
	font-size: 12px;
	font-weight:bold;
}

#bureaux {	left: 25px; background:url(../images/home/nos_bureaux.png) no-repeat top;    }
#bureaux_en {	left: 25px; background:url(../images/home/nos_bureaux_en.png) no-repeat top;    }
#actus {	left: 350px; background:url(../images/home/actualites.png) no-repeat top;    }
#actus_en {	left: 347px; background:url(../images/home/actualites_en.png) no-repeat top;    }
#media {	right: 25px; background:url(../images/home/mediatheque.png) no-repeat top;    }
#media_en {	right: 25px; background:url(../images/home/mediatheque_en.png) no-repeat top;    }

/*	MISE EN PAGE */

/********************** Columns */


.main h2 { line-height:1.1em; font-size:12px; text-transform:uppercase; color:#F90014; text-align:left; }
.main p.text-info { color:#eee; }

/* All */
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }

/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width:49%; }
.col2-set.lesdocks .col-1 { width:200px; } 
.col2-set.lesdocks .col-2 { width:420px; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right; }


/* Col2-alt */
.col2-alt-set .col-1 { width:32%; }
.col2-alt-set .col-2 { width:65%; }
.col2-alt-set .col-1 { float:left; }
.col2-alt-set .col-2 { float:right; }

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:3%; }


/*col layout*/
.main { margin:15px 0; }
.side-col { width:195px; }
.col-left { float:left; width:336px; }
.col-main { float:left; width:634px; }
.col-right { float:right; width:336px; }
.col-1-layout .col-main { float:none; margin:0; }
.col-2-right-layout .col-main { float:left; width:634px; position:relative;  }
.col-2-left-layout .col-main { float:right; width:650px; }
.col-3-layout .col-main { width:100%; }

/* Title */
.main h1 { display:block; padding:0 0 20px;} 
/*
.docks { background:url(../images/titres/docks_fr.gif) 0 0 no-repeat; }
.bureaux { background:url(../images/titres/title_bureau.gif) 0 0 no-repeat; }
.actualites { background:url(../images/titres/title_actualites.gif) 0 0 no-repeat; }
.acces { background:url(../images/titres/title_acces.gif) 0 0 no-repeat; }
.contact { background:url(../images/titres/title_contact.gif) 0 0 no-repeat; }
*/
.menu-titre {}
.menu-titre h1{ display:block; height:50px; width:250px; float:left; font:normal 14px/1em arial,helvetica,sans-serif; text-transform:uppercase; color:#fff; text-indent:-1000px; overflow:hidden; }


.menu-titre a.hier_fr, .menu-titre a.hier_en {display:block; float:left; font:normal 14px/1em arial,helvetica,sans-serif; text-transform:uppercase; color:#fff; text-indent:-1000px; overflow:hidden; }
.menu-titre a.hier_fr { background:url(../images/titres/hier_fr.gif) 0 -28px no-repeat; width:80px; height:27px; }
.menu-titre a.hier_en { background:url(../images/titres/hier_en.gif) 0 -1px no-repeat; width:130px; height:27px; }
.menu-titre a:hover.hier_fr, .menu-titre a.hier_fr.active {background-position:0 -1px;}
.menu-titre a:hover.hier_en, .menu-titre a.hier_en.active {background-position:0 -27px;}


.menu-titre a.aujourdhui_fr, .menu-titre a.aujourdhui_en {display:block; float:left; font:normal 14px/1em arial,helvetica,sans-serif; text-transform:uppercase; color:#fff; text-indent:-1000px; overflow:hidden; }
.menu-titre a.aujourdhui_fr { background:url(../images/titres/aujourdhui_fr.gif) 0 -28px no-repeat; width:210px; height:32px; }
.menu-titre a.aujourdhui_en { background:url(../images/titres/aujourdhui_en.gif) 0 -1px no-repeat; width:100px; height:25px; }
.menu-titre a:hover.aujourdhui_fr, .menu-titre a.aujourdhui_fr.active {background-position:0 -1px;}
.menu-titre a:hover.aujourdhui_en, .menu-titre a.aujourdhui_en.active {background-position:0 -27px;}


.menu-titre a.demain_fr, .menu-titre a.demain_en {display:block; float:left; font:normal 14px/1em arial,helvetica,sans-serif; text-transform:uppercase; color:#fff; text-indent:-1000px; overflow:hidden; }
.menu-titre a.demain_fr{ background:url(../images/titres/demain_fr.gif) 0 -33px no-repeat; width:130px; height:32px; }
.menu-titre a.demain_en{ background:url(../images/titres/demain_en.gif) 0 -1px no-repeat; width:165px; height:25px; }
.menu-titre a:hover.demain_fr, .menu-titre a.demain_fr.active {background-position:0 -1px;}
.menu-titre a:hover.demain_en, .menu-titre a.demain_en.active {background-position:0 -27px;}



/* Blocks =========================================================================================== */
.block { margin:0 0 10px; padding: 10px }
.block-bottom { clear:both;}

.block-content dl {}
.block-content dt { font-weight:bold; }
.block-content dd {}

/* Block : Actualit�s */
.block-actualites { background:#333; }

.short-actu { padding:10px 0; border-top:1px dashed #222; }
.short-actu.first {border:none;}
.short-actu .view { float:left; width:105px; }
.short-actu .info { float:right; width:200px; }
.short-actu .info h2 { margin:0 0 10px; font:bold 12px/1em arial,helvetica,sans-serif; Text-transform:uppercase; }
.short-actu .info h2 a {color:#F90014; text-decoration:none;}
.short-actu .info h2 a:hover { color:#fff;}
.block-actualites .nav_pages { padding: 2px 0 2px 0; font-size: 11px; color: #555; float: right; }
.block-actualites .nav_pages a { color: #555; text-decoration: none; border: 1px solid #555; margin: 0 5px 0 0; padding: 1px 4px; }
.block-actualites .nav_pages a:hover ,
.block-actualites .nav_pages a.active { color: #fff; background-color:#71000d; border:1px solid #71000d; text-decoration: none; }

/*Block : Photos */
.block-photos { background:#71000d; }
.block-photos a { margin: 5px; display: block; float: left; }
.block-photos a img { border:none; }
.block-photos .block-bottom { padding:0 0 5px;}
.block-photos .block-bottom a { float:right; display:block; height:20px; width:20px; border:1px solid #fff; background:url(../images/deco/picto_seemore.png) 0 0 no-repeat; border:none; text-indent:-10000px;}
.block-photos .block-bottom a:hover {background-position:0 -20px;}

/*Block : Wallpapers */
.block-wallpapers { background:#71000d; }
.block-wallpapers a { margin: 5px; display: block; float: left; }
.block-wallpapers a img { border:none; }
.block-wallpapers .nav_pages { padding: 2px 0 2px 0; font-size: 11px; color: #555; float: right; }
.block-wallpapers .nav_pages a { color: #555; text-decoration: none; border: 1px solid #555; margin: 0 5px 0 0; padding: 1px 4px; }
.block-wallpapers .nav_pages a:hover ,
.block-wallpapers .nav_pages a.active { color: #fff; background-color:#71000d; border:1px solid #71000d; text-decoration: none; }

/*Block : Panoramic */
.block-panoramic { background:#393939; }
.block-panoramic  a { margin: 5px; display: block; float: left; }
.block-panoramic  a img { border:none; }
.block-panoramic  .block-bottom { padding:0 0 5px;}
.block-panoramic  .block-bottom a { float:right; display:block; height:20px; width:20px; border:1px solid #fff; background:url(../images/deco/picto_seemore.png) 0 0 no-repeat; border:none; text-indent:-10000px;}
.block-panoramic  .block-bottom a:hover {background-position:0 -20px;}

/* Block : Commercialisateurs */
.block-commercial { background:#393939; }
.block-commercial .view { float:left; width:105px; }
.block-commercials .info { float:right; width:150px; }
.block-commercials .info h2 {margin:0 0 10px;}
.block-commercial .block-bottom { padding:0 0 5px;}
.block-commercial .nav_pages { padding: 2px 0 2px 0; font-size: 11px; color: #555; float: right; }
.block-commercial .nav_pages a { color: #555; text-decoration: none; border: 1px solid #555; margin: 0 5px 0 0; padding: 1px 4px; }
.block-commercial .nav_pages a:hover ,
.block-commercial .nav_pages a.active { color: #fff; background-color:#71000d; border:1px solid #71000d; text-decoration: none; }
.commercialisateur-liste  { margin:10px 0 0; padding:10px 0 0; border-top:1px dashed #222;}
.commercialisateur-liste  .info { float:right; width:170px; }
.commercialisateur-liste  .info h2 { margin:0 0 10px; font:bold 12px/1em arial,helvetica,sans-serif; Text-transform:uppercase; color:#eee; }
.commercialisateur-liste  .info h2 a {color:#F90014; text-decoration:none;}
.commercialisateur-liste  .info h2 a:hover { color:#fff;}
.commercialisateur-liste  .info a { color:#FFFFFF; text-decoration:none; font-weight:bold; }
.commercialisateur-liste  .info a:hover { color:#F90014; }

/* Block : Links */
.block-links { background:#393939; }
.block-links .block-title a img{ border:none;}
.block-links .block-content {}
.block-links .block-content ul { padding:0 0 0 10px;}
.block-links .block-content li { display:block; color:#fff; margin:5px 0; }
.block-links .block-content li a {text-decoration:none; color:#fff;}
.block-links .block-content li a:hover { color:#F90014;} 
.block-links .block-bottom { padding:0 0 5px;}

/* Block : Acc�s */
.block-acces { margin:0; padding:5px; clear:both;}
.block-acces ul { margin:30px 0 0; }
.block-acces li { list-style-type:none; font-family:times;}
.block-acces li a { display:block; padding:0 0 0 45px; height:34px; line-height:34px; text-transform:uppercase; color:#fff; text-decoration:none; }
.block-acces li a:hover { color:#F90014; }
.block-acces li a.print { background:url(../images/deco/icon_print.gif) 0 0 no-repeat; }
.block-acces li a.link { background:url(../images/deco/icon_link.gif) 0 0 no-repeat; }
.block-acces li a.map { background:url(../images/deco/icon_mail.gif) 0 0 no-repeat; }

/* Block : Carte */
.block-carte {padding:0; margin-left:15px;}
.block-carte #logocontrol { display:none; }
.block-carte #carte_gmaps div { color:#000000; }
.block-carte #lien_agrandir_carte { color:#FFFFFF; font-weight:bold; text-align:left; text-decoration:none; font-size:10px; }

/* BLOCK : Envoyer un ami : */
.block-envoyer_ami { text-align:right; }

/* Block : Itineraire */
.block-itineraire { background:#71000d; }
.block-itineraire .block-title {margin: 0 0 5px;}
.block-itineraire a { margin: 5px; display: block; float: left; }
.block-itineraire a img { border:none; }
.block-itineraire .block-content {clear:both; padding:5px;}
.block-itineraire .block-bottom { padding:5px 0; }
.block-itineraire .block-bottom a { color:#fff; font-weight:bold; text-decoration:none;}
.block-itineraire .block-bottom a:hover { text-decoration:underline;}

/* Block : information */
.block-information { background:#393939; }
.block-information h2 { text-indent:-10000px; }
.lesdocks { height:20px; background:url(../images/titres/title_docks.gif) 0 0 no-repeat; }
.constructa { margin:30px 0 0; height:50px; background:url(../images/titres/title_constructa.gif) 0 0 no-repeat; }
.block-information p { padding:0 0 0 45px; }

/* ================================================================================================== */

/* Box =========================================================================================== */
.box { clear:both; margin:10px 0 50px 0; }
.box h2 { font:bold 12px/1em arial,helvetica,sans-serif; text-transform:uppercase; color:#F90014; }
.box-content { text-align:left; }
.box-content a { color: #F90014; }



.box-bureaux {}
.box-bureaux ul { padding:0 0 0 20px;}
.box-bureaux li { margin:5px 0; list-style-type:square;}

/*Box : Actualit�s*/
.box-actualites {  }
.box-actualites .view { float:left; padding: 0 20px 10px 0; }
.box-actualites .info {  }
.box-actualites .info h2{ margin:10px 0 0; font:bold 12px/1em arial,helvetica,sans-serif;}
.box-actualites .description a {color:#F90014; text-decoration:none;}
.box-actualites .description a:hover {text-decoration:underline;}

/* Box : Video*/
.box-videos {}
.box-videos h2 { display:block; height:50px; font:normal 14px/1em arial,helvetica,sans-serif; text-transform:uppercase; color:#fff; background:url(../images/titres/title_videos.gif) 0 0 no-repeat;  text-indent:-1000px;}
.box-videos ul {margin:10px 0;}
.box-videos li { float:left; margin-right:15px; list-style-type:none; width:140px;}
.box-videos li a {color:#fff; text-decoration:none;}
.box-videos li a:hover {color:#F90014;}

/* Box : Photo*/
.box-photos {}
.box-photos h2 { display:block; height:50px; font:normal 14px/1em arial,helvetica,sans-serif; text-transform:uppercase; color:#fff; background:url(../images/titres/title_photos.gif) 0 0 no-repeat;  text-indent:-1000px;}
.box-photos ul {margin:10px 0;}
.box-photos li { float:left; margin:5px 15px 5px 0; list-style-type:none; width:140px;}
.box-photos li a {color:#fff; text-decoration:none;}
.box-photos li a:hover {color:#F90014;}

/* Box : Panoramiques*/
.box-panoramiques {}
.box-panoramiques h2.fr { display:block; height:50px; font:normal 14px/1em arial,helvetica,sans-serif; text-transform:uppercase; color:#fff; background:url(../images/titres/title_panoramiques_fr.gif) 0 0 no-repeat;  text-indent:-1000px;}
.box-panoramiques h2.en { display:block; height:50px; font:normal 14px/1em arial,helvetica,sans-serif; text-transform:uppercase; color:#fff; background:url(../images/titres/title_panoramiques_en.gif) 0 0 no-repeat;  text-indent:-1000px;}
.box-panoramiques ul {margin:10px 0;}
.box-panoramiques li { float:left; margin:5px 15px 5px 0; list-style-type:none; width:140px;}
.box-panoramiques li a {color:#fff; text-decoration:none;}
.box-panoramiques li a:hover {color:#F90014;}


/* ================================================================================================== */



.main-left .main {
	width:670px;
	float:left;
	font: bold 11px/18px Arial;
}
.main-left .left {
	width:330px;
	float:left;
}
.main-left .main .colonne {
	float:left;
	width:305px;
	padding-right:30px;
}
/*	PAGES INTERNES	*/
.illustration {
	margin-bottom:25px;
}

/*	PHOTO	*/
.photo {
	background-color:#71000d;
	padding: 12px;
}
.photo a {
	margin: 5px;
	display: block;
	float: left;
}

.photo a img {
	border: none;
}


#footer {
	color:#666;
	clear: both;
	text-align: center;
	padding: 10px;
    margin:20px 0 0;
}
#footer a { color:#666; text-decoration:none; }
#footer a:hover { color:#E2001A; }

/* GOOGLE MAPS SUR LA PAGE ACCES */