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

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

.floated
{
    float:left;
}

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

.floated_row {
    float: left;
    clear:both;
    width: 100%;
    margin-top:8px;
}

.col_size_1-3{
    width:300px;
    float:left;
    clear:none;
    margin-right:10px;
}

.col_size_2-3 {
    width: 610px;
    float: left;
    clear:none ;
}

.col_size_1-2 {
    width:400px;
    float:left;
    clear:none;
}

.col_size_1-3.col_titre {
    background-color: lightgray;
    color: darkblue;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    height: 120px;
    font-size:12pt;
    clear:left;
    margin-top:5px;
}

.col_size_1-3.col_autre {
    background-color: white;
    color: black;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    text-align: left;
    height: 120px;
    font-size: 11pt;
    margin-top: 5px;
}

.col_size_1-2.col_autre {
    background-color: white;
    color: black;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    text-align: left;
    height: 120px;
    font-size: 11pt;
    margin-top: 5px;
    margin-right:5px;
    padding:10px;
}

.underline_label {
    color:white ;
    padding-left:10px;
    padding-right:10px;
}

.accred_bouton {
    width: 228px;
    padding-left: 10px;
    padding-right: 10px;
    height: 24px
}

.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 ;
}


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

.link_bouton {
    /* height: 49px;
    margin-top: -4px;
        */
    color: White;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    border-color: #fbc062;
    border-radius: 0px;
    background-position: 7px 12px;
    background-repeat: no-repeat;
    border-right: 1px solid White;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    padding: 10px 26px;    
    /* float: left;
    text-decoration: none; */
}



.link_bouton.acc {
    width: 250px;
}

    .link_bouton.red {
        background-color:red;
    }

    .link_bouton.blue {
        background-color: blue;
    }

    .link_bouton.ipen {
        background-image: url('img/ipen.png');
    }


    .link_bouton.ishare {
        background-image: url('img/ishare.png');
    }

    .link_bouton.iwrench {
        background-image: url('img/iwrench.png');
    }

.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(img/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"/>
*/

.bouton_retour_fr
{
    background:Red;
    float:right;
    margin-right:30px;
    margin-top:72px;
    background-image:url('img/icadenas.png');
    background-position:2px 10px;
    background-repeat:no-repeat;
    height:44px; width:222px;
}

/*
	-- 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(img/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:480px;
}

.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 ;
}