/*
       M a s t e r P a g e
       -------------------
*/

body 
{
    background-attachment:scroll;
    background-color:#DADADA;
    background-image:url(noise.png);
    background-position:0% 0%;
    background-repeat: repeat;
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    margin:0;
}

.dbutton
{
    width:840px;
    margin-left:80px;
    height:80px;
    color:white ;
    margin-top:40px;
    float:left;
    text-align:center ;
    font-family:Arial;
    font-size:14pt;
    font-weight:bold ;
}

.dbutton a {
    color: white;
}

.dbutton a:hover {
    color: lightyellow;
}



.floated
{
    float:left;
}

.floated_band
{
    float:left;
    clear:left;
    margin:10px;
}

.crlf
{
    clear:left;
}


.contain
{
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;    
}

.bright
{
    border-right:1px solid rgb(227, 227, 227);
}

.bbottom
{
    border-bottom:1px solid rgb(227, 227, 227);
}

.menu_bouton
{
    height:49px;
    margin-top:-4px;
    color:White;
    font-weight:normal;
    font-size: 14px;
    line-height:24px;    
    background-position:2px 10px;
    background-repeat:no-repeat;
    background-color: #008DCF;    
    border-right:1px solid White;
    border-left:0;
    border-top:0;
    border-bottom:0;    
    padding-left:15px;
    padding-right:15px;    
    float:left ;
}

.container
{
    position: relative ; 
    width:960px;
    margin:0 auto;
    padding:0;
}

.titre_zone
{
    color:rgb(167, 167, 167);
    font-size:14pt;
    border-bottom:1px solid rgb(227, 227, 227);
    margin-top:32px;
    margin-bottom:32px;
}

.container .eight.columns,
.container .eight.floated                   { width: 460px; }

.grq_link
{
    color:Blue ;
    text-decoration:underline ;    
}

#logo h2, #logo h1 {
    float: left;
    line-height: 25px;
}

.img_logo
{
    margin-top:16px;
    margin-left:19px;
}


#wrapper
{
    width:1020px;
    margin:0 auto;
    border-left-color: rgb(102, 102, 102);  
}

#htop_line
{
    width:100%;
    background:#F9A51E;
    height:5px;
    display:block;
}



/*
	-- div qui contient le bandeau
       sa taille est fixée car sous IE, le div est plus grand que l'image de qq pixels
       ce qui produit une sorte de bug visuel
*/
#divHeader
{
    background: #FFFFFF url(header-fond3.png) left top no-repeat;
	min-height:170px;
	width:1020px;
	margin-left:-32px;
    border-left-color: rgb(227, 227, 227);
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: rgb(227, 227, 227);
    border-right-style: solid;
    border-right-width: 2px;
}

/*
	-- fin bandeau sous la bainnière du site (menu)
*/
#divMenu
{
    height: 49px;
    width: 1040px;
    margin-left: -10px;
    background-color: #008DCF;
    float: left;
    left: 1px;
}

/*
background-color:Blue;; color:white"/>
*/

/*
	-- style du texte dans le bandeau "menu"
*/
#divMenuText
{
	padding:4px; 
	color:White;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;	
}

.left-corner,
.right-corner {
	display:block;
	width: 0px;
	height: 0px;
	border-style: solid;
	position: relative;
	top: 49px;
	float: left;
	opacity: 0.58;
	filter:alpha(opacity=58);
}

.left-corner {
	border-color: transparent #888 transparent transparent;
	border-width: 0 9px 9px 0;
	float: left;
	left: 1px;
}

.right-corner {
	border-color: #888 transparent transparent transparent;
	border-width: 9px 9px 0 0;
	float: right;
	right: 1px;
}

.LinkMenu
{
	/* padding:4px;  */
	color:White;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bolder;
	text-align:left;		
}

.LinkMenu:hover
{
	font-weight:normal;
	text-decoration:underline;
}

/* obsolete */
#divMenuEx
{
	/* position:relative; */
	height:24px;
	width:986px;
	left:50%;
	margin-top:-2px;
	margin-left:-495px;
	/* background-attachment:scroll; */
	background-color:#DADADA;
	background-image:url(back_menu.png);
	background-repeat:no-repeat;
	/* text-align:center;	*/
}

/* obsolete */
#divMenuExText
{
	padding:4px; 
	color:White;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bolder;
	text-align:left;	
}

/*
	le corp du site est composé de deux div imbriqué l'un dans l'autre
    ce dic externe plus large de qq pixels permet des effets de pourtout du 
    div interne.
*/
#divMainOutter
{
	/* position:relative; */
	width:1021px;
	margin: 0 auto;
	background-color: rgb(227, 227, 227);
	/*left:50%;
	margin-left:-495px;*/
	/*background-image:url(img/back_main.png);*/
	text-align:center;
}

/*
	le corp du site est composé de deux div imbriqué l'un dans l'autre
    ce div interne est le div principal du site
*/
#divMainInner
{
	width:1019px;
	/* margin-left:2px;*/
	margin: 0 auto ;
	background-color:White;	
	text-align:left;
	min-height:580px;
}

.htitre1 
{
	font-family:Arial ;
	font-weight:bold;
	font-size:x-large ;
	float:left;
	margin-top:16px;
	margin-bottom:16px;
	clear:both ;
}

.hpar
{
	float:left;
    margin-left:16px;    
    clear:both ;
}