/* ************************************************************************************** 
Projet :	 	Projet Alernance - Publicis Consultant
Auteur : 		Sebastien CHERIAUX - www.droledepixel.com
Raccourcis : 	-o:outer, -i:inner, -c:center, -l:left, -t:top, -b:bottom, -r:right, col:colonne, bl:bloc, al:align
Sommaire :		RESET - STRUCTURE - PLUGINS - CONTENT 	
************************************************************************************** */ 

/* *********************************************************************************** */ 
/* *********************************************************************************** RESET */
/* *********************************************************************************** */
* { padding:0; margin:0; border:0; vertical-align:baseline; }
a { text-decoration:none; cursor:pointer; outline:0 none; }
a:hover { text-decoration:underline; }
object { outline:0 none; }
ul { list-style:none; }
input { height:auto; }
textarea { overflow:auto; }
select, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:0.75em/*12px*/; color:#000; }

/* *********************************************************************************** */ 
/* *********************************************************************************** STRUCTURE */
/* *********************************************************************************** */
html { font-size:100%; } /* utile pour gestion des em sous ie6 */
body { font-family:Arial, Helvetica, sans-serif; font-size:0.75em/*12px*/; color:#000; background:#fbfcf7; }

/* header */
#header-o { height:195px; background:url(skin/bg-header-o.gif) repeat-x 0 0; }
#header { height:195px; width:960px; background:url(skin/bg-header.gif) repeat-x 0 0; }
#header-i { height:195px; width:960px; background:url(skin/bg-header-i.gif) no-repeat 0 100%; position:relative; }
#header-i .rf { width:64px; height:38px; position:absolute; top:4px; left:7px; }
#header-i .ministere { width:139px; height:34px; position:absolute; top:6px; left:86px; }
#header-i h1, #header-i .h1 { position:absolute; left:192px; top:5px; }
#header-i .sub { position:absolute; width:442px; height:25px; left:418px; top:61px; }
#header-i .baseline { position:absolute; width:579px; height:30px; left:381px; top:125px; }
#header-i ul { width:490px; height:29px; position:absolute; display:block; left:465px; top:96px; overflow:hidden; background:url(skin/bg-menu.gif) no-repeat 0 0; padding:0 0 0 5px; }
#header-i ul li { float:left; padding:0 2px 0 8px; height:29px; display:block; background:url(skin/bg-menu-li.gif) no-repeat 0 11px; }
#header-i ul .first { background:none; }
#header-i ul li a { color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.33em; height:29px; display:block; float:left; line-height:29px; padding:0 10px; }
#header-i ul li a:hover { text-decoration:none; color:#ef8104; }
#header-i ul li .current { background:url(skin/bg-menu-current.gif) repeat-x 0 100%; color:#ef8104; }

/* footer */
#footer { width:900px; margin:0 24px 15px 36px; border-top:2px solid #e4e3e3; padding:8px 0 0 0; color:#3c3c3c; font-size:0.92em; }
#footer a { color:#3c3c3c; }
#footer span { padding:0 12px; }
#footer .current { color:#803d8d; }

/* middle - col-l - col-c - col-r */
#middle { width:946px; background:url(skin/bg-middle.gif) no-repeat 0 0; padding:0 0 10px 14px; }
#middle-i { width:922px; background:#fff url(skin/bg-middle-i.gif) no-repeat 0 100%; min-height:350px; height:auto !important; height:350px; padding:10px 0 25px 24px; overflow:hidden; }
#col-l { width:539px; float:left; }
#col-r { width:383px; float:right; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE DROITE */
/* *********************************************************************************** */
#col-r .pad { width:341px; margin:0 21px; }

/* votre-avis */
#votre-avis { background:#e6e6e6; }
#votre-avis h3 { height:27px; line-height:27px; color:#fff; font-size:1.17em; background:url(skin/bg-title-votre-avis.gif) no-repeat 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 10px; font-weight:normal; }
#votre-avis form { padding:12px; font-size:1em; }
#votre-avis form fieldset { padding:10px 0 0 0; }
#votre-avis fieldset p { padding:0 0 5px 17px; width:300px; overflow:hidden; }
#votre-avis fieldset p input { float:left; width:20px; }
#votre-avis fieldset p label { float:left; }

/* videoZone */
#videoZone { margin:10px 0; padding:0 0 0 21px; z-index:10px;}

/* web-cam */
#web-cam {  }

/* archives */
#archives { border-top:1px dotted #803d8d; padding:10px; width:321px !important; background:#e6e6e6; }
#archives p {  }
#archives .inter-archive { padding:3px 0 3px 30px; background:url(skin/bg-inter.gif) no-repeat 0 0; height:20px; display:block; line-height:20px; text-transform:uppercase; }
#archives .inter-on { background-position:0 -50px; }
#archives ul { display:none; padding:5px 0 0 30px; }
#archives li { padding:0 0 5px 12px; background:url(skin/bullet.gif) no-repeat 0 5px; }
#archives li a { color:#333; }

/* stats */
#stats { background:#E6E6E6 url(skin/bg-vote.gif) no-repeat 0 100%; margin-bottom:10px !important; overflow:hidden; }
#stats-i { padding:10px; }
#stats h2 { color:#803d8d; font-size:20px; padding:0 0 5px 0; }
#stats ul { width:321px; overflow:hidden; }
#stats li { display:block; float:left; width:107px; text-align:center; }
#stats li span { display:block; height:35px; background:url(skin/bg-vote-li.gif) no-repeat 50% 0; line-height:35px; font-size:25px; letter-spacing:5px; padding:0 0 0 3px; }
#stats li strong { display:block; color:#803d8d; font-weight:bold; padding:5px 0 0 0; font-size:14px; }

/* legende compteur */
#legende { font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#2E2626; padding: 0 20px 10px 24px; }
#legende a { font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#2E2626; text-decoration: none; }
#legende a:hover { font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#2E2626; text-decoration: underline; }


/* last */
#last { margin-bottom:10px !important; overflow:hidden; }
#last ul li { border-top:1px solid #e4e4e4; overflow:hidden; width:341px; background:url(skin/bg-more-actif.gif) repeat-y 0 0; padding:4px 0; }
#last ul li .nb { float:left; width:36px; height:34px; line-height:34px; text-align:center; background:url(skin/bg-ng.gif) no-repeat 0 0; color:#a49959; font-weight:bold; margin:0 4px 0 0; }
#last ul li .visu { float:left; margin:0 4px 0 0; border:1px solid #b8cee6; padding:1px; width:30px; height:30px; overflow:hidden; }
#last ul li p { float:left; width:263px; color:#2e74be; }
#last ul li p a { color:#2e74be; }

/* *********************************************************************************** */ 
/* *********************************************************************************** PLUGINS */
/* *********************************************************************************** */
/* NAV PROVISOIRE */
#navProv { position:absolute; top:0; right:0; width:130px; z-index:1; }
#navProv li { list-style:none; display:block; height:0.01%; border-bottom:1px solid #CCCCCC; color:#ffffff; font-size:9px; text-transform:uppercase; }
#navProv li span { display:block; padding:2px; }
#navProv .navProvOC a { text-align:center; color:#000000; }
#navProv li a { display:block; padding:2px; background-color:#ff920a; border-bottom:1px solid #CCCCCC; color:#ffffff; font-size:9px; text-transform:uppercase; height:0.01%; }
#navProv li a:hover { background-color:#ff920a; color:#000000; }


/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE GAUCHE */
/* *********************************************************************************** */
/* titres */
#col-l h1 { background:url(skin/bg-h1.gif) no-repeat 0 0; padding:0 0 0 40px; min-height:33px; height:auto !important; height:33px; margin:0 0 8px 0; text-transform:uppercase; font-size:2.5em; font-weight:normal; }
#col-l h2, #last h2 { background:url(skin/bg-h2.gif) no-repeat 0 0; padding:0 0 0 40px; min-height:26px; height:auto !important; height:26px; font-weight:normal; color:#803d8d; font-size:1.33em; text-transform:uppercase; margin:0 0 8px 0; }
#col-l h3 {  }

/* actu-up */
.actu-up { padding:0 0 12px 40px; width:499px; overflow:hidden; background:url(skin/bg-actu-up.gif) no-repeat 100% 100%; margin:0 0 25px 0; }
.actu-up-actu { width:499px; overflow:hidden; margin:0 0 5px 0; }
.actu-up-actu li { width:499px; overflow:hidden; }
.actu-up-actu .visu { float:left; width:105px; }
.actu-up-actu .data { float:right; width:380px; }
.actu-up-actu .data a { color:#ef8104; font-weight:bold; }
.actu-up #nav { padding:0 19px 0 149px; position:relative; }
.actu-up #nav a { display:block; width:19px; height:19px; margin:0 10px 0 0; float:left; text-align:center; background:url(skin/bg-nav-actu.gif) no-repeat 0 0; line-height:19px; color:#fff; font-weight:bold; }
.actu-up #nav #prev { position:absolute; top:0; left:120px; }
.actu-up #nav #next { position:absolute; top:0; left:294px; }
.actu-up #nav #all { position:absolute; top:0; right:10px; width:auto; background:none; color:#ef8104; }
.actu-up #nav .activeSlide { color:#ef8104; background:url(skin/bg-nav-actu-on.gif) no-repeat 0 0; }

/* triple-up */
#triple-up { width:489px; margin:0 0 25px 0; height:98px; background:url(skin/bg-triple-up.gif) no-repeat 0 0; position:relative; padding:10px 25px 28px 25px; }
#triple-up ul { overflow:hidden; width:489px; padding:0 0 15px 0; }
#triple-up ul li { display:block; height:40px; padding:0 60px 0 0; float:left; }
#triple-up ul li a { display:block; float:left; height:0 !important; padding:40px 0 0 0; background:url(skin/bg-triple-up-ul.gif) no-repeat; overflow:hidden; }
#triple-up ul .li-1, #triple-up ul .li-1 a { width:102px; height:40px; background-position:0 0; }
#triple-up ul .li-2, #triple-up ul .li-2 a { width:122px; height:40px; background-position:-102px 0; }
#triple-up ul .li-3 { padding:0; }
#triple-up ul .li-3, #triple-up ul .li-3 a { width:145px; height:40px; background-position:-224px 0; }
#triple-up p { text-align:center; color:#803d8d; font-weight:bold; padding:0 0 6px 0; }

/* more-actifs */
#more-actifs {  }
#more-actifs li { border-top:1px solid #e4e4e4; overflow:hidden; width:539px; background:url(skin/bg-more-actif.gif) repeat-y 0 0; padding:4px 0; }
#more-actifs li .nb { float:left; width:36px; height:34px; line-height:34px; text-align:center; background:url(skin/bg-ng.gif) no-repeat 0 0; color:#a49959; font-weight:bold; margin:0 4px 0 0; }
#more-actifs li .visu { float:left; margin:0 4px 0 0; border:1px solid #b8cee6; padding:1px; width:30px; height:30px; overflow:hidden; }
#more-actifs li p { float:left; width:460px; color:#2e74be; }
#more-actifs li p a { color:#2e74be; }

/* actu-list */
#actu-list { padding:0 0 0 32px; width:507px; margin:0 0 20px 0; }
#actu-list li { width:485px; overflow:hidden; padding:11px; background:url(skin/bg-actu-list.gif) repeat-x 0 100%; }
#actu-list li .visu { float:left; margin:0 20px 0 0; width:105px; overflow:hidden; }
#actu-list li .data { width:360px; float:left; }
#actu-list li .title { padding:0 0 12px 0; font-size:0.92em; }
#actu-list li .title a { color:#803d8d; font-size:1.09em; font-weight:bold; padding:0 0 0 10px; background:url(skin/bg-title-a.gif) no-repeat 0 5px; }
#actu-list li p a { color:#ef8104; font-weight:bold; }

/* actu-nav */
#actu-nav-o { height:34px; width:539px; overflow:hidden; position:relative; }
#actu-nav { position:absolute; right:0; top:0; }
#actu-nav-i { background:url(skin/bg-nav.gif) no-repeat 0 100%; padding:0 0 0 15px; }
#actu-nav-i ul { background:url(skin/bg-nav.gif) no-repeat 100% 100%; padding:0 3px 15px 0; height:19px; }
#actu-nav-i li { display:block; float:left; width:19px; height:19px; padding:0 12px 0 0; }
#actu-nav-i li a { display:block; width:19px; height:19px; float:left; text-align:center; background:url(skin/bg-nav-actu.gif) no-repeat 0 0; line-height:19px; color:#fff; font-weight:bold; }
#actu-nav-i li .current { color:#ef8104; background:url(skin/bg-nav-actu-on.gif) no-repeat 0 0; }

/* actu-detail */
#actu-detail { padding:10px 0 12px 40px; width:499px; }
#actu-detail .top { padding:0 0 2px 20px; width:479px; overflow:hidden; margin:0 0 20px 0; background:url(skin/bg-top.gif) repeat-x 0 100%; }
#actu-detail .top .back-list { float:left; margin:65px 0 0 0; }
#actu-detail .top .visu { float:right; width:330px; height:230px; overflow:hidden; }
#actu-detail .title { font-size:0.92em; padding:0 10px 12px 10px; }
#actu-detail .title a, #actu-detail .title strong { color:#803d8d; font-size:1.27em; font-weight:bold; padding:0 0 0 10px; background:url(skin/bg-title-a.gif) no-repeat 0 5px; }
#actu-detail p { padding:0 10px 5px 10px; font-size:0.92em; }

/* en savoir plus */
#more { padding:10px 0 12px 40px; width:499px; }
#more .accroche { font-weight:bold; padding:0 40px 12px 0; border-bottom:2px solid #ef8104; margin:0 0 12px 0; }
#more ul { padding:0 40px 0 0; width:469px; }
#more li { padding:0 0 30px 0; width:439px; overflow:hidden; }
#more li .visu { float:left; margin:0 10px 0 0; display:block; }
#more li .title { color:#803d8d; font-weight:bold; padding:0 0 0 10px; background:url(skin/bg-title-a.gif) no-repeat 0 5px; }
#more li p a { color:#ef8104; font-weight:bold; }

/* mentions */
#mentions { padding:0 20px 0 40px; width:479px; }
#mentions h3 { color:#803d8d; font-size:1.17em; padding:12px 0; }
#mentions p { padding:0 0 5px 0; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;z-index:9999999999;}
#cboxContent{position:relative; overflow:hidden;z-index:9999999999;}
#cboxLoadedContent{overflow:hidden;z-index:9999999999;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;z-index:9999999999;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;z-index:9999999999;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(colorbox/overlay.png) 0 0 repeat;z-index:999999;}
#colorbox{z-index:9999999999;}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;z-index:9999999;}
        #cboxLoadedContent{margin-bottom:0px;z-index:9999999;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/controls.png) -75px 0px no-repeat; width:25px; height:20px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.png) -50px 0px no-repeat; width:25px; height:20px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top: -2px; bottom:0; right:6px; background:url(colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}