@charset "utf-8";

html, body { font-family: Arial, Verdana,sans-serif; margin: 0px; padding: 0px; background: #fff; color:#666; font-size:12px; line-height: 1.5;
 background:#fdfdfd url(../images/bkgnd.png) left top repeat-x;} 

/*
body {
        scrollbar-face-color: #0c0b0d;
        scrollbar-shadow-color: #000000;
        scrollbar-highlight-color: #222;
        scrollbar-3dlight-color: #000000;
        scrollbar-darkshadow-color: #000000;
        scrollbar-track-color: #181e28;
        scrollbar-arrow-color: #fff;
} */


form    { margin:0px; border:none;}
p       { margin:0px; padding:0px; }
a       { outline:none; }
img     { border:0; }
a:active, a:focus, a:visited, a:link{ color:#a05544;}
a:hover { color:#9a5141;}

h2      { color:#a05544; font-weight:bold; font-size:16px; }
h3      { margin-top:10px; color:#b3604d; font-weight:bold; font-size:13px; }

.clearboth { clear:both; }
.floatleft { float:left; }


/****************/
/*    GLOBAL    */
/****************/

#zoneinfouser   { background:#212121; height:15px; color:#fff; padding-top:2px; text-align:right; padding-right:8px; font-size:0.9em;}
#zonebanner     { background:#b8bfc4; height:98px; background:url(../images/bannertop.jpg) 50% top;}
#zonemenu       { margin: auto; width: 920px; /*border: 1px solid red;*/ }



#global         { width:800px; /*height:650px;*/ padding:0; margin-left:auto; margin-right:auto; } 

#zoneheader     { width:100%; height:20px; }
#zonecontenu    { width:100%; background:white; border:1px solid #bac1c7; height: 400px;} 
#global > #zonecontenu{ width:100%; background:white; border:1px solid #bac1c7; min-height: 400px; height: auto;} 
#zonecontenu p { margin-bottom:5px;}

#contenuheader  { width:100%; background: #fff url(../images/bkgndheadercontenu.png) left top repeat-x;}
#contenupath    { padding-left:21px; color:#676767; font-weight:bold;}

#zonecontenu    h1 { /*font-variant: small-caps;*/ margin:0; padding-left:20px; padding-top:10px; margin-bottom:0px; color:#424242; font} 

#zonetitre      { }
#contenu        { margin:32px; margin-top:10px;}

.chapeau { line-height: 1.5;}
.chapeau p{ line-height: 1.5; padding-right:20px;}
.basdepage { line-height: 1.5;}

.gab3ulmonog a.monographie{color: black; text-decoration: none;}
.gab3ulmonog a.monographie:visited{color: #888888; text-decoration: none;}

/******************/
/*    GABARITS    */
/******************/

#gab0colgauche  { width:425px;/* margin-right:32px; *//*float:left;*/}
#gab0coldroite  { background:#e8e8e8; /*#9eabb8;*/ width:265px;  text-align:center; color:#777; padding-top:20px; padding-bottom:20px;}
#gab0coldroite img { margin-bottom:5px; }
#gab0coldroite strong { font-weight:bold; display:block; margin-bottom:10px; font-size:12px; }
#gab0coldroite a      { color:#555; } 
#gabaccueilfooter {background:#f6e7b7; padding:8px 10px 10px 10px; }


.gab3ulmonog        { width:44%; float:left; color:#000; list-style-position:inside; list-style-type:none; margin-right: 25px;}
.gab3ulmonog a      { color:#000; text-decoration:none;}
.gab3ulmonog img    { margin:4px 6px 4px 10px;}
.gab3ul2            { background:#f5f1e3;}
.gab3ul2 li         { height:18px; padding:5px 15px;}
.gab3ul2 a          { font-style: italic }

.gab4blocfaqrep     { margin:10px 20px 12px 30px; text-align:justify; border-left:7px solid #ddd; padding-left:8px;}


.gab1liste          { width:90%; float:left; color:#000; list-style-position:inside; list-style-type:none; }
.gab1liste li         {  padding-top:2px;}
.gab1liste a      { color:#000; text-decoration:none;}
.gab1liste img    { margin:4px 6px 4px 10px;}

/******************************************************************************************************************************/
/*                                                                                                                            */
/*                                                                  MENU                                                      */
/*                                                                                                                            */
/******************************************************************************************************************************/

    #nav
    {
    	height: 25px;
    }
    #nav, #nav ul {
        float: left;
        /*width: 36em;*/
        
        list-style: none;
        line-height: 1;
        background: #eee; /*white;*/
        font-weight: bold;
        padding: 0;
        border: solid #9b9b99;
        border-width: 0px 0;
        margin: 0 0 1em 0;

        width:100%;
        
    }

    #nav a {
        display: block;
       /* width: 10em;
        w\idth: 7em;*/
        color: #383831;
        text-decoration: none;
        padding: 0.20em 1em;
        text-align: center;
        
padding-top:8px;        
height:18px;  

    }

    #nav a.daddy {
        background: url(../images/flechemenu.png) center right no-repeat;

    }

    #nav li {
    	height: 25px;
        float: left;
        padding: 0;
        width: 10em;
    }

    #nav li ul {
            
        position: absolute;
        left: -999em;
        height: auto;
        width: 14.4em;
        w\idth: 13.9em;
        font-weight: normal;
       /* border-width: 0.25em;*/
border-color:#cbcbcb;       
border-width:1px;       
        margin: 0;
        padding-bottom: 7px;
    }

    #nav li li {
        padding-right: 1em;
        width: 13em;
        
height:auto;  /*TS*/
    }

    #nav li ul a {
        width: 13em;
        w\idth: 9em;
        text-align: left;
        
height:auto;   margin-bottom:3px;   /*TS*/ 
    }
    
    /*TS*/
  #nav li ul li ul { margin-bottom:0; margin-right:0; padding-right:0;  width:200px;}
    #nav li ul li li  { width:188px;}
    #nav li ul li li  a{ width:180px; } /*TS*/
    
    

    #nav li ul ul {
        margin: -27px 0 0 14em;  
    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
        left: -999em;  
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
        left: auto; 
    }

    #nav li:hover, #nav li.sfhover {
        background: #b1bbc5; 
    }

    #content {
        clear: left;
    }

    #content a {
        color: #383831;
    }

    #content a:hover {
        text-decoration: none;
    }

    #scaffolding {
        height: 70px;
        background: white url(/images/header_bg.gif) no-repeat;
        border: solid #9b9b99;
        border-width: 1px 0 0 0;
        margin: 1em 0 0 0;
    }

    #scaffolding a {
        text-decoration: none;
        text-indent: -999em;
        display: block;
        height: 70px;
        background: url(/images/hdlogo_flip2.gif) no-repeat;
        background-position: 181px 0;
    }

    #scaffolding a:hover {
        background-position: 181px -70px;
    }
#mon_compte_msg td.mesMails{
	border-bottom:#666666 solid 1px;
	line-height:normal;
	padding:3px;
}
#mon_compte_msg td.mesMails_nonlu{
	border-bottom:#666666 solid 1px;
	line-height:normal;
	padding:3px;
	font-weight:bold;
}  
.error{
	border:3px dashed #CC3333;
	color:#CC0000;
	font-weight:bold;
	left:5%;
	padding:3px;
	text-align:center
}    


/**************************/
/* ALERT BOX PERSONALISEE */
/**************************/

#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(../images/trame.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:220px;
	border:3px solid #ddd;
	background-color:#f6f9fa;
	/*background-image:url(../images/alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;*/
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 
{
	background-color: #A05544;
	color: white;
	font-size: 14px;
	padding: 3px;
}

#alertBox p {
    margin-top:18px;
	font-family:Verdana, Arial;
	height:50px;
	/*padding-left:115px;*/
	margin-left:20px;
    font-size:11px;
    color:#808080;
    letter-spacing:0.5px;
    
   
    
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:1px solid #ddd;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#A05544;
	text-decoration:none;
    font-weight:bold;
}