@import "formulaire.css";
@import "highslide.css";
@import "navigation.css";
@import "referencement.css";
@import "restaurant.css";

/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 03-04-2009 --*
 *------------------------------------------------*/


html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 20px 0 0 0;
	font-family: Arial, "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #3a232d;
}
body.index {
	padding: 200px 0 0 0;
}

p, form, input, div, dl, dt, dd, blockquote, fieldset, th, td {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	color:#36B4D2;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}


 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/

#general {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	background-color: #fff;
}


/*HEADER===============================================================
====================================================================*/
.header {
	margin: 0;
	padding: 13px 0;
	height: 160px;
	/*background-color: #6633FF;*/
}
.header .left-content {
	padding: 0;
	width: 406px;
}

/*CONTENT===============================================================
====================================================================*/
.content {
	margin: 0;
	padding: 0 0 25px 0;
	float: left;
	background: #fff url(../images/deco/content-bg.jpg) no-repeat left bottom;
}




/*GAUCHE===============================================================
====================================================================*/
.left-content {
	margin: 0;
	padding: 0 6px 0 13px;
	width: 387px;
	float: left;
	/*background-color: #FFFF00;*/
}

/*ENCART(S) À GAUCHE===============================================================*/
.encart {
	padding: 0;
	float: left;
	/*background-color: #6666FF;*/
}
.encart h2 {
	font-size: 12px;
	margin: 0 0 4px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #36b4d2;
}
.encart p {
	font-size: 11px;
	margin: 0;
	padding: 0 0 13px 0;
}
.encart div {
	font-size: 11px;
	margin: 0;
	padding: 0 0 13px 0;
}
.encart img.align-right {
	margin: 0 0 13px 13px;
	width: 83px;
}
.encart img.align-left {
	margin: 0 13px 13px 0;
	width: 83px;
}

.encart-left {
	margin: 0 10px 13px 0;
	width: 183px;
	/*background-color: #6600FF;*/
}
.encart-left table {
	padding: 0 0 13px 0;
}
input#email {
	margin: 0;
	padding: 3px 3px;
	font-family: Arial, "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	width: 149px;
	color: #aaa;
	background-color: #fff;
	border: 1px solid #dedede;
}
input#email:focus {
	color: #36b4d2;
	border: 1px solid #36b4d2;
}
input.ok-newsletter {
	font-family: Arial, "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
	cursor: pointer;
	color: #fff;
	background-color: #36b4d2;
	margin: 0;
	padding: 2px 3px;
	font-size: 11px;
	display: block;
	text-transform: lowercase;
	text-align: center;
	border: 1px solid #009db5;
}
input.ok-newsletter:hover {
	color: #fff;
	background-color: #8d6ba5;
	border: 1px solid #634286;
}

.encart-right {
	margin: 0 0 13px 10px;
	width: 184px;
	/*background-color: #0099FF;*/
}
span.encart-actu-date {
	font-size: 11px;;
	margin:0;
	padding: 0 0 4px 0;
	display: block;
	text-align: right;
}

.encart-large {
	width: 387px;
}







/*MILIEU HAUT===============================================================
====================================================================*/
.middle-top-content {
	margin: 0;
	padding: 13px 40px 9px 25px;
	width: 509px;
	float: left;
	background: transparent url(../images/deco/middle-top-content-bg.gif) repeat-x left bottom;
}

/*MILIEU===============================================================
====================================================================*/
.middle-content {
	margin: 0;
	padding: 25px 40px 0 25px;
	width: 509px;
	float: left;
	/*background-color: #66CCFF;*/
}

.fr-fr {
	margin: 0;
	padding: 0 10px 0 0;
	width: 244px;
	float: left;
	/*background-color: #CCCCCC;*/
}
.en-gb {
	margin: 0;
	padding: 0 0 0 10px;
	width: 245px;
	float: left;
	font-style: italic;
	color: #36b4d2;
	/*background-color: #FFFF99;*/
}
.en-gb h1, .en-gb h2, .en-gb h3, .en-gb h4, .en-gb h5, .en-gb h6 {
	color: #36b4d2;
}
.en-gb a {
	color: #36b4d2;
	text-decoration:underline;
}
.en-gb a:hover {
	color: #06c1dd;
	text-decoration:underline;
}


/*CONTENU TEXTE=============================================
============================================================*/
.middle-content h2 {
	text-transform: none;
	color: #993163;
}
.middle-content p {
	margin: 0;
	padding: 0 0 13px 0;
	text-align: justify;
}
.middle-content a {
	color: #000;
	text-decoration:underline;
}
.middle-content a:hover {
	color: #666;
	text-decoration:underline;
}
.middle-content ul {
	margin: 0;
	padding: 0 0 13px 45px;
}
.middle-content ul li {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
.middle-content ol {
	margin: 0 0 0 45px;
	padding: 0 0 13px 0;
}
.middle-content ol li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style-position: outside;
}


/*IMAGE(S) OU DIAPO=============================*/
.align-left, a img.align-left {
	margin: 0 25px 25px 0;
	padding: 5px;
	float: left;
	background-color: #fff;
	border: 1px solid #dedede;
}
.align-right, a img.align-right {
	margin: 0 0 25px 25px;
	padding: 5px;
	float: right;
	clear: both;
	background-color: #fff;
	border: 1px solid #dedede;
}
.large, a img.large {
	margin: 0 0 25px 0;
	padding: 5px;
	clear: both;
	background-color: #fff;
	border: 1px solid #dedede;
}
.middle-content large, .middle-content a img.large {
	width: 497px;
}
a img:hover.align-left, a img:hover.align-right, a img:hover.large {
	border: 1px solid #36b4d2;
}







/*FOOTER===============================================================
====================================================================*/
.footer {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	clear: both;
	font-size: 11px;
	color: #ccc;
	/*background-color: #000;*/
}
.footer .left-content {
	padding: 13px 6px 0 13px;
}
.footer .middle-content {
	padding: 13px 40px 0 25px;
}
.footer .footer-bottom {
	float: left;
	width: 980px;
	height: 20px;
}



 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
 
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 13px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
}
h1 {
	font-size: 12px;
	letter-spacing: 2px;
}
.h1 {
	font-size: 12px;
	text-align: right;
	letter-spacing: 2px;
}
h2 {
	font-size: 16px;
} 
h3 {
	font-size: 13px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 12px;
}
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/