html{
/*background-color:#FFEFF9;*/
/*background-color:#FF007F*/
background-color:#FFEFF9;
}

#doc{
width:60em;
background-color:#FFFFFF;
border-left:.2em #FF007F ouset; 
border-right:.2em #FF007F ouset;
}

#hd{
margin-bottom:.5em;
/*border:5px solid #FF007F;*/
}

/*#header-banner{
text-align:center;
background-color:#FFFFFF;
/*border-bottom:5px solid #FF007F;*/
/*border-top:5px solid #FF007F;
margin-bottom:.5em;
}*/

#header-lang{
color: #999999;
display: block;
font-family: HelveticaNeue,"Helvetica Neue",helvetica,arial;
font-size: 10px;
font-weight: normal;
line-height: 12px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 10px;
text-align: right;
text-transform: uppercase;
width: 734px;
}

#header-lang a {
color: #999999;
text-decoration: none;
}

#header-lang a:hover{
color:#FF007F;
}

#banner-diapo-fusion{
/*border: 1px solid #FF007F;*/
padding:.2em;
height: 300px;
}

#header-banner{
/*background-image: #FFFFFF url(../images/styl_logo.jpg) no-repeat left center;*/
height:300px;
width:40%;
/*border: 1px solid #FF007F;*/
float:right;
}

#diaporama {
background-attachment: scroll;
background-color: #FFFFFF;
width:55%;
height:300px;
padding-left:30px;
/*border-bottom:medium solid #FF007F;
border-top:medium solid #FF007F;*/
float:left;
}


/*#news{border:1px solid #FFCB60;margin-bottom:.5em;padding:1em;}*/

#bd{
/*border:5px solid #FF007F;*/
margin-bottom:.5em;
}

#ft{
border-top:5px dotted #FF007F;	
}


#yui-main{}
#menu-navigation{
height: 38px;
background-color: #8B8B8B;
/*border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;*/
float: left;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-left:85px;
padding-right:90px;
width:inherit;

}

.navigation {
/*height: 22px;
margin-bottom: 10px;
/*margin-left: 28px;*/
/*margin-right: 0;
margin-top: 0;*/
width: 100%;
}

.navigation li {
background-attachment: scroll;
/*background-color: #FFFFFF;
background-image: none;
background-position: left top;
background-repeat: no-repeat;*/
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: thin;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #FFFFFF;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: thin;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #FFFFFF;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: thin;
/*border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: thin;*/
color: #00AEEF;
display: block;
float: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
/*height: 20px;*/
line-height: 16px;
text-align: center;
text-transform: uppercase;
width: 11em;
}

.navigation li a:link, li a:visited,li a:active {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: #8B8B8B;
background-image: none;
background-position: left top;
background-repeat: no-repeat;
color: #FFFFFF;
display: block;
text-align: center;
text-decoration: none;
margin-right: .5em;
}

.navigation li a:hover {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: #FF007F;
background-image: none;
background-position: left top;
background-repeat: no-repeat;
color: #FFFFFF;
display: block;
text-decoration: none;
}

.navigation .active a {
background-color: #FF007F;
}

.navigation li ul {
position: absolute; 
z-index:100; 
/*background-color:#CCCCCC;*/
/*background:url(../images/nav_fondderoule.gif) repeat-x left bottom;*/
/*border:1px solid  #DEE3E5*/ 
/*border-bottom:2px solid #DEE3E5;*/ 
left: -999em; 
margin-top:2px;
margin-bottom:20px; 
width:145px;
}
.navigation li:hover ul {
left: auto;
}

.navigation li:hover ul, .navigation li.sfhover ul {
left: auto; 
padding:0 0 6px 0; 
margin:0;
}

.navigation li ul a{
/*color:#3C6879;*/ 
/*background:url(../images/fleche_321_orange.gif) no-repeat 7px 9px;*/ 
display:block; 
width:200px; 
/*padding:3px 0 2px 17px;*/
}
.navigation li ul a:hover{
color:#2BA1CE;
}

.mod_3 {
border-color: #FF007F;
border-style: dotted;
border-width: 1px;
float: left;
padding: .3em;
margin: .5em;
/*height: 350px;*/
/*margin-bottom: 10px;*/
/*margin-left: 6px;
margin-right: 5px;
padding-right: 4px;*/
width: 90%;
}

.headline {
border-bottom-color: #FF007F;
border-bottom-style: dotted;
border-bottom-width: thin;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #FF007F;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: dotted;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: thin;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #FF007F;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: dotted;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: thin;
/*border-top-color: #999999;
border-top-style: dotted;
border-top-width: thin;
color: #006699;*/
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
margin-bottom: 0;
margin-left: 5px;
margin-right: 0;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
text-align: justify;
}

/*#diaporama{width:100%;}*/
/*
#box{
display:block;
border:2px solid #FF007F;
margin-left:auto;
margin-right:auto;
margin-bottom:5em;
margin-top:1em; 
width:100%;
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px; 
border-radius: 10px 10px 10px 10px;         
-webkit-border-top-left-radius: 10px; /* pour Chrome *
-webkit-border-top-right-radius: 10px; /* pour Chrome 
}*/
/*
#contenu{
display:block;
padding:.5em;
}*/

#box h2{ 
margin:0;
border-bottom:2px solid #FF007F;
text-align:center;
background-color:#FF007F;
}

#bigBox{
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:.5em;
margin-top:.5em;
padding:.5em;
width:100%;
}

#bigBox h1{
margin:0;
text-transform:uppercase;
text-align:center;
font-size:14px;
padding:.5em;
text-decoration: none; 
color:#FF007F;
border:2px solid #8B8B8B;
width:270px; 
}

#bigBox h2{
margin:0 0 .3em 0;
border-bottom:2px solid #FF007F;
text-align:left;
font-size:14px;
font-style:italic;
font-weight:bolder;
color:#8B8B8B; 
}



.texte{
text-align:justify;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

.side{
padding-top:5.4em;
}


.alignLeft{
float:left;
padding:.5em;
font-size:10px;
}

.alignRight{
float:right;
padding:.5em;
font-size:10px;
}

/* toggle */

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

.clearFloat, .clear {
clear:both;
font-size:0;
height:0;
line-height:0;
margin:0;
padding:0;
}

#menu_bas {
background-color: #FFFFFF;
color: #999999;
font-size: 10px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
text-align: center;
}

/*
* jQuery UI Datepicker @VERSION
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #eeeeee; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e3a1a1; background: #cc0000 url(images/ui-bg_highlight-soft_15_cc0000_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d8dcdf; background: #eeeeee url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #004276; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004276; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cdd5da; background: #f6f6f6 url(images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #111111; }
.ui-state-hover a, .ui-state-hover a:hover { color: #111111; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #eeeeee; background: #ffffff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #cc0000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #cc0000; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcd3a1; background: #fbf8ee url(images/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x; color: #444444; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cc0000; background: #f3d8d8 url(images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2e2e2e; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #2e2e2e; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_004276_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }