* { padding: 0; margin: 0; }
a img{border:0; outline:none;}
a{text-decoration:none;}
.sep, .clear { clear:both}

#navigation {
color: #333;
padding: 10px;
margin: 0px 0px 0px 0px;
background: #ABBEBE;
}

h1, h2, h3 {
font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	
}

h2 {
color: #FF7800;
margin: 10px 0 0 0;
padding: 0px 0 0 0;
line-height: 1.2;
font-size: 2em;
letter-spacing:-1px;
font-weight:bold;
}



h3 {
color : #666;
font-size: 1.4em;
font-weight: normal;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
}

h4 {
font-size: 1.2em;
margin: 1.5em 0 0.8em 0;
}

h5 {
font-size: 1em;
/*font-style: italic;
font-weight: normal;*/
margin: 1.5em 0 1em 0;
}


#content h2, #rightcolumnfluide h2 {
text-align:left;

}
#content h3, #rightcolumnfluide h3 {
text-align:left;
}


p.presentation{text-indent:2em; text-align:justify;}
ul.presentation li { color:#333}
#rightcolumnfluidepres h2, #rightcolumnfluidepres h3, #rightcolumnfluidepres p {
margin: 1em 2em 1em 0; text-align:left;

}
#rightcolumnfluidepres p, #rightcolumnfluidepres ul {font-size:1em;}
#rightcolumnfluidepres p{text-align:justify;}
#rightcolumnfluidepres ul{
margin: 1em 3.5em;
padding: 0 15px;
color:#FF6600;

}



body#pourvosenfants #rightcolumnfluidepres h2,body#pourvosenfants #rightcolumnfluidepres ul {color:#8A2A6C;}
body#chezvous #rightcolumnfluidepres h2,body#chezvous #rightcolumnfluidepres ul {color:#2D5F12;}
body#maisencore #rightcolumnfluidepres h2,body#maisencore #rightcolumnfluidepres ul {color:#093F6E;}

.wrap-ul{  background-color:#FFF;padding:10px; margin:0 30px 0 0; border:1px solid #FF6600;

	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	border-radius: 10px; 
	behavior: url(border-radius.htc); 
}

ul.valide li{


font-size: 100%;
list-style-type: none;
background: url(images/ok.gif) no-repeat 0 0em;
padding-left: 25px;
margin-bottom:1.2em;
background-color:#FFF;
border:#FF6600;
} 

ul.valide ul li{


font-size:90%;
list-style-type:square;
background:none;
padding: 0px;
margin-left:-4em;
margin-bottom:1.3em;
} 


/***********************************/

/* images */
#rightcolumn img {
background: #FAFAFA;
	border: 1px solid #DCDCDC;
padding: 8px;
}
img.float-right {
margin: 5px 0px 5px 15px;  
}
img.float-left {

margin: 5px 15px 5px 0px;
}


/*****************************************/

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/****************************************/
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;

}
#wrapper { 
margin: 0 auto;
width: 976px;
width:100%
}
#header {
width: 956px;
width:100%;
position:relative;
color: #333;
padding:0;
height: 192px;
margin: 0 auto;
background:#fff url(images/new/bg.gif) repeat-x;
box-shadow : 0 1px 5px #999;
z-index:10;
}
#header h1 {
font-size:15px;
line-height:1;
margin:0;
padding:0;
display:block;
position:absolute;
top:0;
left:300px;
height:170px;
width:360px;
}
#header h1 a {display:block; height:170px}
#header h1 span {display:none;}

#header-content { background:url(images/new/header.jpg) center top no-repeat; position:relative; margin:0 auto; height:192px; width:956px}
#header span { display:block; float:left; margin-top:28px}
#header span.reduction { margin-left:40px;}
#header span.chequeemploi { margin-left:388px;}
#header span.servicepersonne {}



#wrapper-content{
width: 976px;
position:relative;
color: #333;
padding: 0;
margin:0 auto;
background:url(images/bg-center.png);


}
#wrapper-content-nav{
width: 956px;
position:relative;
color: #333;
padding: 0 10px;
margin:0px;
background:url(images/bg-center.png);
height:10px;

}
#wrapper-content2col{
width: 956px;
position:relative;
color: #333;
padding: 10px;
margin:0px;

height:510px;

}
#navigation {
width: 956px;
color: #333;
padding: 0 10px;
background:url(images/bg-center.png);

margin: 0px 0px 0px 0px;

}

#faux {
background:url(images/bg-center2col.png);
margin-bottom: 0px;
width:976px;
padding: 0;
}
body.home #faux { background:none; }


/* ---------------------- Dolphin nav ---------------------- */
#time4bed-nav{position:relative;height:43px;font-size:14px;text-transform:uppercase;background: url(images/menu/time4bed_bg.gif) repeat-x bottom left;font-family:Georgia, "Times New Roman", Times, serif;}
#time4bed-nav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#time4bed-nav ul li{display:block;float:left;margin:0 2px;}
#time4bed-nav ul li a{display:block;float:left;color:#ffdab6;text-decoration:none;padding:0 0 0 25px;height:43px;line-height:50px;}
#time4bed-nav ul li a span{display:block;float:left;padding:0 25px 0 0;height:31px;width:auto;}
#time4bed-nav ul li a:hover{color:#fff;}
#time4bed-nav ul li a:hover span{display:block;cursor:pointer;}
#time4bed-nav ul li a.current,#time4bed-nav ul li a.current:hover{color:#894d12;background:transparent url(images/menu/time2bed_left-ON.gif) no-repeat top left;}
#time4bed-nav ul li a.current span{background:transparent url(images/menu/time2bed_right-ON.gif) no-repeat top right;height:43px;}
/* ---------------------- END Dolphin nav ---------------------- */
#content { 
width: 940px;
color: #333;
margin: 0px 0px 0px 0px;
padding: 20px;
min-height:300px;
}
/* =BANNER */

body.home #banner_wrapper
{
	padding-top:0;
}
#banner_wrapper{
	width: 874px;
	
	overflow: hidden;
	padding:30px 0 0 28px;
	
	
}
.banner{
	float: left;
	width: 215px;
	height:370px;
	float: left;
	background-color: #dedede;
	margin-right:1px;
	padding-bottom:30px;
	position: relative;
	
}
.image_wrapper{text-align: center;margin-top:0;}
.banner img{border: 3px solid #181B0F;}
.banner_last{margin-right:0;}
.banner h2{
	height: 62px;
	/*background: url(images/banner_top.gif) left no-repeat;*/
	font:1.7em "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 0 0 0 17px;
}
/* for the rounded bottom */
.image_wrapper span{
	position: absolute;
	width: 245px;
	height: 6px;
	font-size:.1em;
	left:0;bottom:-1px;
	background: #353C2C url(images/banner_bottom.gif) bottom no-repeat;
}

#leftcolumn { 
color: #333;
/* border: 1px solid #ccc;
background: #E7DBD5;*/
margin: 0px 0px 0px 0px;
padding: 10px;

width: 200px;
float: left;
}	

#rightcolumn { 
float: right;
color: #333;

margin: 0px 0px 0px 0px;
padding: 10px;
height: 510px;
width: 706px;
display: inline;
}

#leftcolumnfluide { 
display: inline;
color: #333;
margin: 10px 10px 10px 16px;
padding: 0px;
width: 200px;
float: left;
}
#leftcolumnfluide h2 {
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:1.3em;
margin-bottom:1.1em;
color:#FFF;
}
#leftcolumnfluide ul { 
font-size:0.8em;
list-style:none;
padding-left:5px;
}
#leftcolumnfluide ul li { 
margin-bottom:0.8em;
}
.wrapleftboxblue ul li a{ 
color:#E2FEFE;
}
.wrapleftboxgreen ul li a{ 
color:#DEFDD9;
}
.wrapleftboxorange ul li a{ 
color:#FDDDC8;
}
.wrapleftboxpurple ul li a{ 
color:#E4D7F4;
}
/*.wrapleftboxblue{padding: 7px 10px 10px 10px; }
.wrapleftboxgreen{padding: 7px 10px 10px 10px; background-color:#009900}
.wrapleftboxorange{padding: 7px 10px 10px 10px; background-color:#FF9900;}
.wrapleftboxpurple{padding: 7px 10px 10px 10px; background-color:#660066;}*/



#rightcolumnfluide, #rightcolumnfluidepres{ 
float: right;
color: #333;
margin: 10px;
padding: 0px;
width: 706px;
display: inline;
position: relative;
}

#footer { 
clear:both;
color: #333;
width: 976px;
height:83px;
overflow:hidden;
background:url(images/bg-footer.png) no-repeat #fff;
margin: 0 auto;
padding: 5px 0 15px;
}
#footer p { padding:2px 20px}
#footer p#zones { 
color: #fff;
font-size:0.7em;
text-align:center;
}
#footer p#copyright { 
color:#fff;
font-size:1em;
text-align:center;
}
#footer p#copyright a { color:#fff}
/******************************************/

#footer p.keys { text-align:center; font-size:0.9em}
#blue{ background:url(images/bgmaisencore.png) no-repeat;}
#green{ background:url(images/bgchezvous.png) no-repeat;}
#orange{ background:url(images/bgversvous.png) no-repeat;}
#purple{background:url(images/bgvosenfants.png) no-repeat;}


/*************************************************/


.slideshow1, .slideshow2, .slideshow3, .slideshow4  { height: 165px; overflow:hidden; width: 232px; margin: auto }
.slideshow1 img, .slideshow2 img, .slideshow3 img, .slideshow4 img { padding: 0; border: 1px solid #ccc; }

/**********************************************************/

.list-home{ padding:0 5px 5px 20px; font-size:11px; color: #fff;text-align:left; list-style:disc; }
.list-home li{ margin-bottom:5px; line-height:1.1em; font-size:12px}
.list-home li a{text-decoration:none; color: #fff;}


/************************************************************/

#page-wrap			{ width: 600px; margin: 20px auto; min-height: 525px;
					background: url(images/acces-bg.png) top center no-repeat;
					position: relative; }
					
#page-wrap2			{ width: 600px; margin: 0px auto; min-height: 429px;
					background: url(images/adresse-bg.png) top center no-repeat;
					position: relative; }
					
p.personal-data{ text-align:justify;font-size:120%; font-family:Georgia, "Times New Roman", Times, serif;font-weight:300; line-height:1.3em;color:#9e0a0f;position:absolute; top:130px; left:150px;}

/*****************************/
/* Box Nav  				 */
/*****************************/
#BoxNavLeftblue,#BoxNavLeftgreen,#BoxNavLeftorange,#BoxNavLeftpurple{
width:190px;height:50px;
margin:0px 0px 0px 0px;
padding:7px 0px 0px 10px;

}

#BoxNavLeftblue{

background: #D0FBF5 url(images/box/bg-bluebox.png) left top no-repeat;
}

#BoxNavLeftgreen{

background:#D5FDD7 url(images/box/bg-greenbox.png) left top no-repeat;
}

#BoxNavLeftorange{

background:#FCEBD1 url(images/box/bg-orangebox.png) left top no-repeat;
}

#BoxNavLeftpurple{

background:#F5E4FA url(images/box/bg-purplebox.png) left top no-repeat;
}


#BoxNavLeftblueContent,#BoxNavLeftgreenContent, #BoxNavLeftorangeContent, #BoxNavLeftpurpleContent{
padding-bottom:10px;
}


#BoxNavLeftblueContent{
background-color:#D0FBF5;
}
#BoxNavLeftgreenContent{
background-color:#D5FDD7;
}
#BoxNavLeftorangeContent{
background-color:#FCEBD1;
}
#BoxNavLeftpurpleContent{
background-color:#F5E4FA;
}

/*#BoxNavLeftVerteBottom{
background: url(images/box_vert_bottom.gif) left bottom no-repeat;
padding:7px 0px 0px 0px;
margin:0px 0px 0px 0px;
}*/

/*****************************/
/* Box Nav  				 */
/*****************************/


/************form******************/

form ul{list-style:none;}


form p{margin:0.5em .2em 0.5em .2em;}
form label
{
width: 14em;
float: left;
text-align: right;
margin: 0 0.5em;
display: block;
line-height:1;

}


form input
{
color:#781351;
background: #fee3ad;
border: 1px solid #781351;
margin-right:1em;
margin-bottom:0em;


}

form label.checkbox
{

float: left;
text-align: right;
margin: 0 0.5em;
display: block;
line-height:1;

}

form ol{list-style:none;}
textarea#comments
{
width:20em;
color:#781351;
background: #fee3ad;

margin-right:1em;


}

.submit input
{

background:url(images/valider.png) no-repeat;
width:100px; height:34px;
font-weight:bold;
margin-left:10em;
border:none;


}
fieldset
{
border: 2px solid #b5141a;
/*width: 40em;*/
padding:0;
margin-bottom:.5em;
}

legend
{
color: #FFF;
font-weight:bold;
background:#b5141a;
border: 1px solid #606;
padding: 2px 6px
}

select {
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background: #fee3ad;
color: #781351;
border: 1px solid #781351;
width:20em;}
input:focus, textarea#comments:focus {
background:#F5FFDC;
}

em.priority{
color:red;
}


span.80{font-size:80%;}

span.90{font-size:90%;}


hr{
height: 2px; color: #839D2D; background-color: #839D2D; width: 50%; border: none;margin:auto;
}