/* style general */
html {height:100%;width:100%;font-size:13px;font-family:Arial, Helvetica, sans-serif;
letter-spacing: 0px;margin:0;padding:0;margin:0;border:0;}
body{ height:100%;color:#000;font-family: Arial, Helvetica, sans-serif;font-size:12px;}
a{ text-decoration:none;}
body, table, tbody, tr, td, p {margin:0;padding:0;}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0;}
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
.clear { display: inline-block; height:0px;clear:both; } 
html[xmlns] .clear { display: block;font-size:100%; }
/* Hides from IE-mac \*/
* html .clear {height: 0px;}
/* End hide from IE-mac */
table#total { width:100%;height:100%;}
table#total td {vertical-align:top;}
img {border: 0 none;}
.f-left {float:left;}
.f-right {float:right;}

#contenu {height:100%;position:relative;width:1036px;margin:0 auto;}
#blacktop {font-size:12px;height:20px;width:100%;color:#fff;background-color:#333333;}
#blacktop div.idees {line-height:19px;height:20px;float:left;width:630px;padding-left:4px;background-color:#333333;}
#blacktop div.idees span {font-weight:bold;margin-left:12px;}
#blacktop div.idees span span {font-size:11px;font-weight:normal;}
#blacktop div.menugrey {line-height:20px;float:left;}
#blacktop div.menugrey ul {list-style-type: none;margin:0;padding:0;vertical-align:middle;}
#blacktop div.menugrey ul li {float:left;}
#blacktop div.menugrey ul li a {color:#fff;}
#blacktop div.menugrey ul li.compte {background-color:#999999;padding:0 3px;}
#bandeautop {width:1036px;}
#logo {float:left;padding:7px 0 0 0;width:199px;}
#bandeau {float:left;padding:4px 0 0 2px;width:831px;font-size:0px;}
#bandeau img {float:left;width:45px;margin:0;padding:0;font-size:0px;}
#content {width:1036px;min-height:450px;background:url('../img/fo-happytime-top.png') repeat;}
.primaryContainer {
position:relative;
    height: auto;
	    padding: 4px 0 0 0;
	margin:0 auto;
    min-height: 100%;
    width: 100%;
}
#box1 {
	min-height:450px;
/*    height: 100%; */
    margin:0 auto;
	padding:18px 26px;
    clear: none;
    width: 780px; /* 734px */
    border-radius: 8px;
    background-color: rgb(250, 250, 250);
    box-shadow: 3px 3px 3px 0px rgb(184, 181, 181);
    border: 1px solid rgb(204, 204, 204);
 
}

#bottom {
position:relative;
width: 100%;
font-family:Helvetica;
}
#elemenu { font-weight: 200;color:#000;
	text-align: left;
	padding:8px 0 2px 0;height:22px;}
#elemenu ul {list-style-type: none;margin:0;padding:0;vertical-align:middle;}
#elemenu ul li {float:left;}
#elemenu ul li.first {padding-left:10px; padding-right: 90px;}
#elemenu ul li {padding-left:48px;font-size:12px;}
#elemenu ul li span:not(.actif) {
	padding:3px 4px 0 4px;
	}
#elemenu ul li span:hover {
	color:#333;
	}
#elemenu ul li span.menucolor {
	color: #000;
	}
#elemenu ul li span.actif {
	font-size:12px;
	color:#830922;
	}

#elemenu ul li a {color:#000;font-size:12px;text-decoration:none;}
#elemenu ul li a:hover {color:#830922;text-decoration:none;}

#menubottom {padding:10px 0;text-align:center;}
#menubottom ul {display: inline-block;font-size:x-small;color:#CC0000;list-style-type: none;margin:0;padding:0;}
#menubottom ul li {float:left;padding:0 10px;}
#menubottom ul li a {color:#CC0000;font-size:x-small;text-decoration:none;}
#menubottom ul li a:hover {color:#CC0000;text-decoration:underline;}

#slide {height:212px;width:734px;padding-bottom:25px;}
#mySwipe{width:734px;height:212px; overflow: hidden;visibility: hidden;position: relative;}
#mySwipe div a{
  display:block;
  text-align:center;
  background: #fff;
}
#swipe-wrap {
  overflow: hidden;
  position: relative;
}
#swipe-wrap div {
  float:left;
  width:100%;
  position: relative;
}



#slides {
	z-index:1;
	height:212px;width:734px;padding-bottom:25px;padding-left:24px;
}
.slides_container {
width:734px;height:212px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container div.slide {
	width:734px;
	height:212px;
	display:block;
}

.prev {position:absolute;top:100px;left:140px;z-index:10;display:block;}
.next {position:absolute;top:100px;right:140px;z-index:10;display:block;}
.surslide {width:734px;height:40px;position:absolute;top:30px;z-index:10;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=36);background-color:#000;margin-left:24px;}
/*.surslide {width:200px;height:40px;position:absolute;top:30px;z-index:10;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=36);background-color:#000;}*/
.txtsurslide {
	letter-spacing:5px;
	font-family:'Skranji', cursive;
	font-size:20px;
	color:#FFF;
	z-index:100;
	height:30px;
	position:absolute;
	top:36px;
	left:154px;
	width: 723px;
}
/*.txtsurslide {font-family:Cookie, cursive;font-size:24px;color:#FFF;z-index:1000;height:30px;position:absolute;top:36px;left:160px;}*/
#accroche {text-align:center;}
#accroche {text-align:center;}
#accroche h1 {font-size:18px;font-weight:bold;padding:0 0 40px 0;margin:0;}
#accroche h1 sup{font-size:12px;font-weight:bold;}
#accroche p font {font-weight:bold;font-size:18px;}
#accroche p sup{font-size:11px;}
a.red {color: #830922;font-weight:bold;}
a:hover.red {color: #830922;text-decoration:underline;}
#profite { text-align:center;height:20px;padding:15px 0;background-color: #c2053b; color:#FFF;font-size:16px;font-weight:bold;margin:15px 0 0 0;}
#profite  a {color:#FFF;font-size:16px;font-weight:bold;}
#profite  a:hover {text-decoration:underline;}
#bandeaubottom {height:40px;padding:20px 0;font-size:0px;}

#bandeaubottom img {float:left;width:45px;margin:0;padding:0;font-size:0px;}
#gallery-1 {
  width: 308px;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}

@media (max-width: 240px) {
#bandeau img {width:40px;height:40px;}
#bandeaubottom img {width:40px;height:40px;}
}

div#bandeau-univ img { width: 780px; }