/*** FONT ***/
@font-face {
    font-family: 'StagMedium';
    src: url('./fonts/stag-medium-webfont.eot');
    src: url('./fonts/stag-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/stag-medium-webfont.woff') format('woff'),
         url('./fonts/stag-medium-webfont.ttf') format('truetype'),
         url('./fonts/stag-medium-webfont.svg#StagMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'StagBook';
    src: url('./fonts/stag-book-webfont.eot');
    src: url('./fonts/stag-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/stag-book-webfont.woff') format('woff'),
         url('./fonts/stag-book-webfont.ttf') format('truetype'),
         url('./fonts/stag-book-webfont.svg#StagBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*** END FONT ***/

#content H1
{
    color: #0066A1; 
    margin: 0.4em 0px 0.2em 0px;   
    font-family:StagMedium;
    font-size: 14pt;
    font-weight: normal;
    line-height: 22px;
    /* margin-bottom: 8px;
    padding-top: 0; */
}/*** font-weight: bold; font-size: 15px; color: #d21241; rouge ; H2 666666 remplacé par bleu clair ***/

#content H2
{
    font-size: 12px;
    font-weight:bold;
    margin: 0.2em 0px 0.1em 0px;
    color: #000000; /* Noir Etablir un diag sur page nos changements */
    /* font-family:StagMedium; cf page http://fr.atos.net/fr-fr/a_propos/default.htm : le titre 3 n'est pas en Stag mais simplement en Verdana*/
}

#content H3, #content H4, #content H5, #content H6
{
    font-size: 1.09em;
    margin: 0.2em 0px 0.1em 0px;
    color: #0066A1;
    font-family:StagMedium;

}
/* 544f93 bleu clair */
/*--- Home page with round square element --- */

#content TABLE.AOG_HomeBackSquare
{
    width:554px;/* avant 434 */
}

#content TABLE.AOG_HomeBackSquare TD.AOG_HomeBackSquareBlue
{
    width:454px;
    border: solid 0px red;
    background:none;
    /*background-color: #66a3c7;  ancien bleu clair : #D8EAF9 */
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#content TABLE.AOG_HomeBackSquare TD.AOG_HomeBackSquareGray
{
    /* width:434px; */
    width:454px;
    border: solid 0px red;

    /* background: url(/images/template/CountryBoxSplit_Std.gif); */
    background-color: #f2f2f2;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#content TABLE.AOG_HomeBackSquare DIV
{
    list-style-image: none;
    list-style-type:none;
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#content TABLE.AOG_HomeBackSquare DIV.AOG_HomeBackSquareTop
{
    width:454px;/* avant 434 */
    /*background: url(/images/template/CountryBoxTop_Std.gif) no-repeat top left; */
}


#content TABLE.AOG_HomeBackSquare DIV.AOG_HomeBackSquareBottom
{
    width:454px;/* avant 434 */
    /* background: url(/images/template/CountryBoxBottom_Std.gif) no-repeat bottom left; */
    overflow: hidden;
}

#content TABLE.AOG_HomeBackSquare TD.AOG_HomeBackSquareBlue DIV.AOG_HomeBackSquareLabel
{
    width:454px; /* avant 414 */
    height:auto;
    padding-right:1px; /* avant 10 partout */
    padding-left:1px;
    padding-top:1px;
    padding-bottom:1px;
}

#content TABLE.AOG_HomeBackSquare TD.AOG_HomeBackSquareGray TABLE
{
    width:100%;
}

#content TABLE.AOG_HomeBackSquare TD.AOG_HomeBackSquareGray TABLE TD.AOG_HomeBackSquareLabelLeft
{
    width:190px;
    height:auto;
    vertical-align:top;
    padding-right:17px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
}

#content TABLE.AOG_HomeBackSquare TD.AOG_HomeBackSquareGray TABLE TD.AOG_HomeBackSquareLabelRight
{
    width:190px;
    height:auto;
    vertical-align:top;
    padding-right:10px;
    padding-left:17px;
    padding-top:10px;
    padding-bottom:10px;
}

#content TABLE.AOG_HomeBackSquare TD.AOG_HomeBackSquareGray TABLE TD IMG
{
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
    margin-right:0px;
}

/*--- Contact element --- */

#content TABLE.AOG_ContactBackSquare
{
    width: 160px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
}
/* background: #F6F6F6;*/
#content TABLE.AOG_ContactBackSquare TD.AOG_ContactBackSquareTop
{
    width: 160px;
    font-family:StagMedium;
    font-size: 10pt;
    color: #000000;
    /*font-weight: bold;*/
	padding-top:2px;
	padding-bottom:2px;
    padding-left: 11px;
	line-height:20px;
	height:auto;
	vertical-align:middle;
	background-color:#f2f2f2;
}
/*font-size: 1.27em;
    color: #000000;
    font-weight: bold;
    padding-top:10px;
    padding-bottom:0px;
    padding-left:12px;
    padding-right:12px;
    */
#content TABLE.AOG_ContactBackSquare TD.AOG_ContactBackSquareMiddle
{
	font-family:StagMedium;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    padding-left: 11px;
	height:auto;
	vertical-align:middle;
	background-color:#f2f2f2;
	line-height:20px;
	padding-top:2px;
	padding-bottom:2px;
}
    /* border-left: solid 1px #EAEAEA;
    border-right: solid 1px #EAEAEA;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:12px;
    padding-right:12px; */
    
#content TABLE.AOG_ContactBackSquare #ContactName
{
    font-weight: bold;
}

#content TABLE.AOG_ContactBackSquare TD.AOG_ContactBackSquareBottom
{
    width: 160px;
    padding-top:7px;
    padding-right:12px;
    padding-bottom:1px;
    padding-left:12px;
	font-family:StagMedium;
	background-color:#f2f2f2;
}



/** Zone calendrier et Catalogue **/

#content TABLE.AOG_Catalendrier TD.AOG_Catalendrier a:link
{
    font-size: 1.27em;
    font-family:StagMedium;
    color:#0066A1; text-decoration:none;
}
#content TABLE.AOG_Catalendrier TD.AOG_Catalendrier a:visited
{
    font-size: 1.27em;
    font-family:StagMedium;
    color:#0066A1; text-decoration:none;
}
#content TABLE.AOG_Catalendrier TD.AOG_Catalendrier a:hover
{
    font-size: 1.27em;
    font-family:StagMedium;
    color:Black; 
    text-decoration:underline;
}

/*--- Connexion element --- */

#content TABLE.AOG_ConnexionBackSquare
{
    width: 185px;
    background: #BFBFBF; /* avant gris clair F6F6F6; */
    padding-left: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: Black;
 }
 /* attention le background color est en fait défini dans la page reightColumnPage.ascx
au niveau de l'élément asp:button dans l'attribut style*/
 #content TABLE.AOG_BoutonConnexion
{
    background: white;
    color: Black;
    font-weight:bold;
 }

/**     color: #d21241; couleur écriture Mon espace client
attention: l'ordre est important, d'abord a:link, puis a:visited et enfin a:hover**/
#content TABLE.AOG_ConnexionBackSquare TD.AOG_ConnexionBackSquareTop a:link
{
    font-size: 1.27em; font-family:StagMedium; font-weight: bold;
    padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;
    text-align:center;
    color:#0066A1; text-decoration:none;
}

#content TABLE.AOG_ConnexionBackSquare TD.AOG_ConnexionBackSquareTop a:visited
{
    font-size: 1.27em; font-family:StagMedium; font-weight: bold;
    padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;
    text-align:center;
    color:#0066A1; text-decoration:none;
}

#content TABLE.AOG_ConnexionBackSquare TD.AOG_ConnexionBackSquareTop a:hover
{
    font-size: 1.27em; font-family:StagMedium; font-weight: bold;
    padding-top:00px; padding-bottom:0px; padding-left:0px; padding-right:0px;
    text-align:center;
    color: white; text-decoration:underline;
}

#content TABLE.AOG_ConnexionBackSquare TD.AOG_ConnexionBackSquareMiddle
{
    border-left: solid 0px #EAEAEA;
    border-right: solid 0px #EAEAEA;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:3px;
}

#content TABLE.AOG_ConnexionBackSquare #ContactName
{
    font-weight: bold;
}

#content TABLE.AOG_ConnexionBackSquare TD.AOG_ConnexionBackSquareBottom
{
    /* background: url("/images/template/ConnexionRoundBottom.gif") no-repeat bottom left; */
    width: 185px;
    padding-top:0px;
    padding-bottom:6px;
    padding-left:0px;
    padding-right:3px;
}


/*--- Home page à droite --- */
/**     background: #D8EAF9; FFFFFF = gris très clair**/

#always TABLE.AOG_HomeRightBackSquare
{
    width: 185px; /* si 175, pas même taille */
    background: #66a3c7; /* avant gris clair F6F6F6; */
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 6px;
}
/**     color: #d21241; couleur écriture Mon espace client
    font-size: 1.27em;
    font-weight: bold;
**/
#always TABLE.AOG_HomeRightBackSquare TD.AOG_HomeRightBackSquareTop
{
    /* background: url("/images/template/ConnexionRoundTop.gif") no-repeat top left; */
    width: 175px;
    font-size: 1em;
    color: #000000;
    padding-top:10px;
    padding-bottom:0px;
    padding-left:6px;
    padding-right:3px;
}

#always TABLE.AOG_HomeRightBackSquare TD.AOG_HomeRightBackSquareMiddle
{
    border-left: solid 0px #EAEAEA;
    border-right: solid 0px #EAEAEA;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:6px;
    padding-right:3px;
}

/** #always TABLE.AOG_HomeRightBackSquare #ContactName
{
    font-weight: bold;
}**/


#always TABLE.AOG_HomeRightBackSquare TD.AOG_HomeRightBackSquareBottom
{
    /* background: url("/images/template/ConnexionRoundBottom.gif") no-repeat bottom left; */
    width: 175px;
    padding-top:0px;
    padding-bottom:6px;
    padding-left:6px;
    padding-right:3px;
}

#mainColumn DIV.CountryColorBox1
{
    height: auto;
    overflow: hidden;
    margin-bottom: 2px;
}
#mainColumn .CountryColorBox1Left
{
    float: left;
   /* position: relative;*/
    height: 180px;
    width: 250px;
	padding-left:10px;
	padding-right:10px;
	background-color:#bfbfbf;
}
#mainColumn .CountryColorBox1Right
{
    float: right;
    height: 180px;
    width: 250px;
	padding-left:10px;
	padding-right:10px;
	margin-left:4px;
	background-color:#bfbfbf;
}
#mainColumn H1
{
	font-family:StagMedium;
    color: #0066a1; /* bleu, voici rouge pour les tests #FF0000;  */
    font-size: 14pt; /* 140 % selon la charte, soit plus petit - un dispositif modulaire / accompagnement du changement*/
    font-weight: Normal;
	/* line-height:22px; */
    /* margin-bottom: 8px; */
    margin-top: 4px;
    margin-bottom: 1px;
    padding-top: 0px;
}