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

/* =General-----------------------------------------------------------------------------*/

body{ height:100%; margin:0px; padding:0px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; text-align: left; color: #555454; background:#fff; margin-bottom:20px; }
body#home{ background:#fff url(../../betina.jpg) center top no-repeat; }
body#accueil{ background:#fff url(../../img/betina.jpg) center top no-repeat; }

body#slide #container{ height:600px; }

html{height: 100%}
p{margin: 0;padding: 0; color:#151412; font-size:1.1em; line-height:1.4em; padding-bottom:15px; text-align:justify; }
p a{ font-size:1em; }
td a{ font-size:1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ font-size:1em; }

ul, ol{margin: 0;padding: 0;list-style: none;}
table{ font-size:1em;} 

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block; }
* html .clear {height: 1%; }
.clear {display: block; }

img{ border: 0;}

input.sendBtn{ border:none; background-color:#d31145; color:#fff; line-height:28px; }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ margin:0; padding:0 0 15px; }
h1{ font-size:1.6em; color:#d31145; }
h2{ font-size:1.5em; }
h3{ font-size:1.4em; }
h4{ font-size:1.2em; }
h5{ font-size:1em; }
h6{ font-size:0.9em; }

h3.cityTitle{ text-transform:uppercase; padding:20px 0 20px 0; font-size:1.2em;}

h5#errorBox{ border:1px solid #FA0303; padding:4px; width:400px; color:#FA0303; text-transform:none; background:#FFECEC url(../../img/exclamation.gif) left center no-repeat; padding-left:35px; font-weight:normal; }

/* =Link-----------------------------------------------------------------------------*/

a{ color:#000; text-decoration:none; font-size:1.2em; }
a:visited{ color:#000; }
a:hover{ color:#d31145; }
a:active{ color:#c2ae7d; }

a#mail{ display:block; position:absolute; width:107px; height:13px; top:683px; left:960px; }
a.active{ color:#d31145; font-weight:bold; }
a.previous{ display:block; width:97px; height:85px; background:url(../../img/left-arrow.gif); cursor:pointer; position:relative; right:100px; top:150px; }
a.next{ display:block; width:97px; height:85px; background:url(../../img/right-arrow.gif);  cursor:pointer;  position:relative; left:644px; top:65px;   }

/* =Frame-----------------------------------------------------------------------------*/

.wrap{ width:960px; margin:0 auto; padding:0; }

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

#header #userMenu{ text-align:right; margin-right:145px; margin:10px 145px 0 0; }
#header #userMenu a{ margin:5px; }
#slide #header #userMenu{ text-align:right; margin:10px 50px 0 0; }


/* =MainMenu-----------------------------------------------------------------------------*/

#mainMenu{ width:100px; float:left; margin-top:30px; }
#mainMenu li{ text-align:right; margin-bottom:3px; }
#mainMenu li ul li a{ color:#a1a1a1; }
#mainMenu li ul li a:hover{ color:#d31145; }
#mainMenu li ul li a.section-active{ color:#d31145; }

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

#accueil #container #links{ position:relative; top:490px; left:650px; color:#fff; font-size:1.3em; padding-bottom:70px; float:left; }
#accueil #container #links a{ color:#fff; }
#container{ padding:30px 54px; }
#container #content{ float:left; width:444px; padding:30px 150px; }
#container #content ul li{ background:url(../../img/circle_bullet.gif) no-repeat 0 3px; padding-left:25px; line-height:1.4em; font-size:1.1em; margin-bottom:8px; }
#container #content ul.small li{ font-size:1em; }
#container #content ul li span{ color:#d31145; }
#container #content ul li a{ font-size:1em; }
#container #content #slideshow{ height:480px; overflow:hidden; position:absolute; width:644px; }
#slide #container #content{ float:left; width:644px; padding:30px 50px; }