@charset "iso-8859-1";
/* CSS Document */

/* Nutrissima */
html, body{
margin:0px;
padding:0px;
}

body {
background: #6bc4c4 url(../images/background/background.jpg) no-repeat;	
background-position:center;
background-position:top;
text-align:left;
z-index:0;
margin:0;
}

/* Header */
#header{
background: url(../images/background/bg_header.jpg) repeat-x;	
position:relative;
text-align:center;
width:100%;
height:184px;
padding:0px auto;
margin:0px auto;
}

#menu{
align:center;
width:1010px;
background: url(../images/background/menu.jpg) no-repeat;
background-position:center;
height:56px;
}



/* Content */
#content{
position:relative;
width:100%;
}

#texte_content{
width:425px;
text-align:left;
}

.texte{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:16px;
}

.bull{
font-family:Tahoma;
font-size:12px;
font-weight:bold;
color:#000000;
}

.vtexte{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#65bebe;
line-height:16px;
font-weight:bold;
}

.wtexte{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:16px;
}

.infos{
font-family:Tahoma, Helvetica, sans-serif;
font-size:10px;
color:#333333;
line-height:12px;
}

.link_texte {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:underline;
}

.link_texte:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.date {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
float:right;
}

.julia {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:right;
font-weight:bold;
float:right;
}




/* Footer */
#footer {
background: url(../images/background/footer.jpg) no-repeat;	
position:relative;
margin-top:20px;
margin-bottom:20px;
background-position:top;
height:50px;
width:100%;
}

.texte_footer{
font-family:Tahoma, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
line-height:48px;
}
.texte_footer:hover{
font-family:Tahoma, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
color:#FFFFFF;
}

.sep {
font-family:Tahoma, Helvetica, sans-serif;
font-size:11px;
padding-left:12px;
padding-right:12px;
color:#6bc4c4;
}

.copyright{
font-family:Tahoma, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
float:right;
}




/* Slimbox */
#lbOverlay {
position: absolute;
z-index: 9999;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
left: 50%;
overflow: hidden;
background-color: #fff;
}

.lbLoading {
background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink {
left: 0;
}

#lbPrevLink:hover {
background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
right: 0;
}

#lbNextLink:hover {
background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size: 11px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
margin: 30px 0 0 0;
outline: none;
}

#lbCaption, #lbNumber {
margin-right: 71px;
}

#lbCaption {
font-weight: bold;
}



/* Fiches pédagogiques */
.fiches{
font-family: Arial;
font-size: 12px;
color: #e0f2f2;
text-decoration: none;
font-weight:bold;
display:block; 
padding-left:24px;
width:388px;
line-height:20px;
background-image: url(../images/puces/fiche.gif);
}
.fiches:hover {
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
font-weight:bold;
padding-left:24px;
width:388px; 
line-height:20px;
text-decoration: none;
background-image: url(../images/puces/fiche_o.gif);
}



/* Calendrier */
.calendrier{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#b93e20;
font-weight:bold;
text-decoration:underline;
}
.calendrier:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#b93e20;
font-weight:bold;
text-decoration:none;
}





/* Formulaire de contact */
input, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
label {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
cursor:pointer;
padding-left:2px;
line-height:16px;
}
label.chosen {
color:#65bebe;
}

/*Transparent items*/
.outtaHere {
position:absolute;
left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
display:block;
float:left;
clear:left;
width:15px;
height:14px;
font-size:0;
cursor:pointer;
}
.radioArea {background:url(../images/niceforms/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../images/niceforms/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
display:block;
float:left;
clear:left;
width:13px;
height:13px;
font-size:0;
padding:0;
margin:0;
cursor:pointer;
}
.checkboxArea {background:url(../images/niceforms/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../images/niceforms/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
height:15px;
background:url(../images/niceforms/input_bg.gif) repeat-x left top;
border:none;
padding:4px 0;
vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
padding-bottom:0;
vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../images/niceforms/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/niceforms/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
width:5px;
height:5px;
display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/niceforms/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/niceforms/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/niceforms/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/niceforms/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
width:5px;
background:url(../images/niceforms/txtarea_l.gif) repeat-y left top;
float:left;
}
.txtarea .cntr_l_xon {background:url(../images/niceforms/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
border:0;
background:none;
padding:0;
margin:5px;
}

/*Selects*/
.selectArea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:200px;
height:21px;
background:url(../images/niceforms/select_bg.gif) repeat-x left top;
}
.selectArea .left {
width:8px;
height:21px;
float:left;
background:url(../images/niceforms/select_left.gif) no-repeat left top;
}
.selectArea .right {
width:21px;
height:21px;
float:right;
background:url(../images/niceforms/select_right.gif) no-repeat left top;
}
.selectArea .right a {
display:block;
width:200px;
height:21px;
margin-left:-179px;
position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
width:160px;
color:#333333;
padding-top:2px;
overflow:hidden;
white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
position:absolute;
margin-top:2px;
width:172px;
background:#eeeeef;
padding:2px;
z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
margin:0;
padding:0;
}
.optionsDivVisible a {
color:#333333;
text-decoration:none;
display:block;
padding:3px 4px;
border:1px solid #eeeeef;
}
.optionsDivVisible a:hover {
color:#FFF;
background:#75c5c5;
border-color:#eeeeef;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
width:auto;
height:26px;
color:#FFF;
font-weight:bold;
padding:2px;
background:url(../images/niceforms/button_bg.gif) repeat-x left top;
cursor:pointer;
border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}
