/*
------------------------------------------------------
Cupidon

General Screen Styles
Créé par THP Comm  2007
http://www.eurl-cupidon.fr

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


/*-------------------------------------------    
    General 
-------------------------------------------*/
* { margin: 0; padding: 0; }

body { font-family:Verdana, Arial, Helvetica, sans-serif; background: #ffffff url(../img/header_back.png) top left repeat-x;}
h1 { font-size: 2.2em;  color:#86b400; line-height:1.5em; height:40px; padding-left:45px; margin-bottom:10px; background: url(../img/loading.gif) no-repeat center left; font-weight:700;font-family:Arial, Helvetica, sans-serif; }
h2 {
	font-size: 28px;
	line-height: 1.2em;
	color:#F07879;
	margin-bottom: 0.5em;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
}

abbr, acronym { border-bottom: 1px #58B2CB;	cursor: help;}
em {

}
p { margin-bottom: 1.5em; line-height:1.5em; font-size:14px; }
.anchor {padding:0; margin:0;}
ul, ol, dd {
	margin-bottom: 1.5em;
	color: #F28989;
}
img { display: inline;border: none; }
.clear { clear: both; }
.hide { display:none;	}
code {color: #999;	font-family: "Courier New", Courier, mono;}
a:link, a:visited {color:#F07879;  font-family:Verdana; font-weight:bold; text-decoration:underline;}
a:hover {text-decoration:none;}


/*-------------------------------------------    
    Container
-------------------------------------------*/

#container {margin:0 auto; width:780px;}
/* border:1px solid #000; */

/*-------------------------------------------    
    Header
-------------------------------------------*/

#header { height:153px; width: 100%; background: url(../img/header_banner.png) top left no-repeat; position:relative; float:left;}
#header #tooltip { background:url(../img/cita.png) no-repeat;  position:absolute; top:5px; left:340px; width:217px; height:79px; display:none; }
#header #logo { 
	width: 400px; 
	height: 110px; 
	position: absolute; 
	top: 30px; 
	left: 0;
	cursor: move; 
	background: url(../img/logo.png) no-repeat; 
	 }
#header #logo h1  {margin:0;text-indent:-32697px; width:0; height:0; padding:0; overflow:hidden; }


/*-------------------------------------------    
    Body
-------------------------------------------*/
div#global {
	min-height: 100%;
	width: 780px;
	padding: 30px 0px 0px 0px;
	margin: 0 auto;
	position: relative;
	float: left;
	}
div#menu {
	float:left;
	position:relative;
	margin:0 0px 0 0;
	width:175px;
	padding: 0 0px 0 0;
}
div#dex1 {
	float:left;
	position:relative;
	margin:0 0px 0 0;
	width:590px;
	padding: 0 0px 0 0;
}
div#dex2 {
	float:right;
	position:relative;
	margin:0 0 0 0px;
	width:175px;
	padding: 0 0 0 15px;
	color: #05164B;
	background-color:#fff;
}
div#bloc {
	float:right;
	position:relative;
	margin:0 0 0 0px;
	width:590px;
	padding: 0 0 0 15px;
	color: #05164B;
	background-color:#fff;
}

#bloc p { margin-bottom: 1em; line-height:1.2em;}
div#footer {
	position: static;
	float: left;
	width: 100%;
	bottom: 0;
	background: #EC6262 url(../img/footer.png) repeat-x;
	color: #fff;
	font-size: 10px;
	height: 56px;
	text-align: center;
	}

div#service { background: #fff url(../img/hearts1.png) top right no-repeat; }	
div#contact {
	background: #fff url(../img/hearts2.png) center left no-repeat;
	width: 100%;
}

#rec { background: #fff url(../img/bg-rec.png) top center no-repeat; }
#index { background: #fff url(../img/hearts.png) top right no-repeat; }

.direction {font-size: 10px}

.titre {font-size: 24px; color: #F28989; font-family: "Times New Roman", Times, serif; font-style: italic;  font-weight: bold; }


/* TABNAV CSS ENGINE */

#tabNav{
	font-family: verdana, tahoma;
}
#tabNav_tabs{
	padding: 0px;
	margin: 0px;
}
#tabNav_tabs  a{
	font-weight: bold;
	font-family: tahoma, verdana;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border: 0;
	margin: auto;
	
}
#tab_1 {
	background:url(../img/rea/f1.png) right center no-repeat
}
#tab_2 { background:url(../img/rea/f2.png) right top no-repeat
}
#tab_3 { background:url(../img/rea/f3.png) right top no-repeat
}
/*#tabNav_tabs  input:hover{
	color: #000000;
	margin: 0px;
	margin-right: 3px;
	margin-top: 2px;
	background-color: #FFFFFF;
}
*/
#tabNav_tabs  .tab_unselected{
	color: #F39090;
	margin: 0px;
	margin-right: 3px;
}

#tabNav_tabs  .tab_selected{
	color: #ED6363;
	margin: 3px 3px 3px 3px;
	border-bottom: #ED6363 3px solid;
	border-top: #ED6363 1px solid;
	border-right: #ED6363 1px solid;
	border-left: #ED6363 1px solid;
	background-color: #fff;
}

#tabNav_main{
	border: #fff 1px solid;
	padding: 5px;
	clear:both;
	float:none;
	;
}