/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline: 0;} */
table {border-collapse: separate;border-spacing: 0;border:none}
caption, th, td {text-align: left;font-weight: normal;}
/*body {font-family:arial;color:#5d5d5d;background: url(../images/blue-smoke.png) 0 0px no-repeat;}*/
body {font-family:arial;color:#5d5d5d;width:100%;clear:both;margin:0;padding:0;background-color:transparent;background-image:url('/images/styles/gradientfromtop.gif');background-repeat:repeat-x;position:relative;}
a {color:#5d5d5d;}
a img {border:none}
/*ul {margin-top:5px;list-style-type: square;}
li {font-size:100%;font-weight:bold;}*/
td {vertical-align:top}
blockquote, cite {margin:10px 120px 15px 45px;padding:0 0 0 10px;border-left:5px solid #eeeeee;font-style:italic}
/******* classe communes *****/
/* display */
.DisplayBlock { display: block; }
.DisplayInline { display: inline; }
.DisplayNone { display: none; }
/* Fontes */
/* Borders */
.BorderBottom { border-bottom: solid 1px #c6c6c6; }
.BorderRight { border-right: solid 1px #c6c6c6; }
.BorderLeft { border-left: solid 1px #c6c6c6; }
.BorderTop { border-top: solid 1px #c6c6c6; }
.BorderAll { border: solid 1px #c6c6c6; }
/* Float */
.Left { float: left; }
.Right { float: right; }
.ImgRight {text-align:left;display:block;float: right;}
img.Left { margin: 0 10px 10px 0 }
img.Right { margin: 0 0 10px 10px }
img.ImgRight {padding:0 0 0 5px;margin:0 0 0 5px;float: left;}
/* Overflow */
.overflow { overflow: hidden; width: 100%;}
/* Fontes */
.UpperCase {text-transform: uppercase;}
.Normal { font-weight: normal; }
.B {font-weight: bold; }
/* Couleurs */
/* texte alignement */
.Clear { clear: both; }
/***** [ Custom styles ] ************************************************/
/* Containers */
#DocContainer {margin-top:60px}
#Wrapper {width:1024px;margin:auto;}
#ContentContainer {width:1024px;margin:auto;}
#DocGrid{width:100%;border:1px solid silver}
#ContentGrid{width:100%;border:0px solid silver}
#TopContentOld {margin-left:00px;padding:0 15px 0 15px;-moz-box-shadow: 0px 0px 10px #555; -webkit-box-shadow: 0px 0px 10px #555;box-shadow:0px 0px 10px #555;}
#TopContent{margin-left:0px;padding:0 15px 0 15px;border-bottom:0px solid #eeeeee; border-top:none;border-top:5px solid #eeeeee}
#TopContenttest{margin-left:0px;padding:0 15px 0 15px;border-bottom:0px solid #eeeeee;border-top:5px solid #eeeeee
;-moz-border-radius:3px;border-radius:3px;moz-box-shadow: 0 0px 9px rgba(0,0,0,0.3);-webkit-box-shadow: 0 0px 9px rgba(0,0,0,0.4);box-shadow: 0 0px 9px rgba(0,0,0,0.4);}
#Content {width:100%;padding:0 0px 0 0px;border-top:2px solid white;}
#WideContent {padding:35px 0px 0 60px;}
#CustomWideContent {padding:35px 0px 0px 0px;}
/* Collumns */
#LeftCollumn {width:15%;float:left}
#MidCollumn {width:60%;}
#RighCollumn {width:25%;background-color:white;display:none;float:right}
#MaxCollumn {width:75%;}
#Collumn {width:100%;margin:10px 0px 10px 0px;border:0px solid silver}
#NotesCollumn {width:25%;}
.Col50L {float:left;width:40%;}
.Col50R {float:left;width:50%;}
.Mosaique50L {float:left;width:260px;padding-left:55px;}
.Mosaique50R {float:left;width:260px;padding-left:55px;}
.Col1 {float:left;width:45%;}
.Col1Adjust {padding-left:35px;padding-right:15px}
.Col2 {float:right;width:45%;padding-right:35px;}
.Col2Adjust {float:right;width:45%;}
.Col50Left {float:left;width:450px;}
.Col50Right {float:right;width:450px;}
.Col3 {float:left;width:50%;border-right:0px solid silver;padding-right:65px}
.Col4 {float:left;width:180px;padding:0px 0px 10px 0px;}
.Col5 {float:left;width:220px;padding:10px 15px 10px 15px;border-right:0px solid silver;font-size:80%;line-height:1.5em}
.Col6 {float:left;width:280px;padding:10px 15px 10px 15px;border-right:0px solid silver;font-size:80%;line-height:1.5em}
.Col6 img {float:left;margin-right:10px;margin-top:5px}
/* Menu */
#MenuContainer {text-align:center;position:relative;margin:60px 0 0px 0;padding-bottom:15px}
#Menu {margin-left:0px;padding-left:0;display:inline}
#Menu li {margin-left:0;margin-bottom:15px;padding:0px 10px 20px 10px;list-style:none;display:inline;font-weight:bold;}
#Menu li:hover {border-top:3px solid #FF3300;}
#Menu li a {font-style:normal;text-transform:uppercase;font-size:90%;text-decoration:none;color:black}
#Menu li:hover a {color:#444}
/* borders */
.MainBorder {border-top:0px solid black}
.TopBorder {border-top:5px solid #eeeeee}
.SubBorder {border-bottom:5px solid #eeeeee}
.BorderBot {border-bottom:1px solid silver}
.BorderTop {border-top:1px solid #eeeeee}
.BordeBotWhite {border-bottom:2px solid white}
/* Header, Top */
.SplashImage {display:none;max-height:295px}
.SplashImage img {height:295px}
.TopTitle {font-size:150%;letter-spacing:-.1em;padding:0;margin:0;color:black;text-align:center;}
.TopTitle a {color:black;text-decoration:none}
.ae {color:#f04e00;}
.TagLine {font-size:80%;color:#6f6f6f;text-align:center}
.TagLine a {text-decoration:none}
.MainTitle {text-align:center;font-size:44px;font-family:helvetica, arial, sans-serif;font-weight:bold;line-height:.85em;letter-spacing:-.08em;text-transform:lowercase}
.MainTitle img {float:right;margin:0px 0 0 5px}
.SubTitle {font-size:100%;font-weight:bold;padding:5px 0 5px 0;text-align:center;text-transform:lowercase;border-bottom:none !important}
.SubTitle a {text-decoration:none;}
.Header {font-style:italic;padding:15px 0 25px 0;font-size:90%;width:100%;line-height:1.5em}
/* Paragraphes */
.ParaTitle {font-size:180%;font-weight:bold;color:black;letter-spacing:-.08em;line-height:.9em}
.ParaBody {font-size:16px;padding:5px 0px 0px 0px;font: normal normal 400 1em/1.5em Georgia,Serif;line-height:140%;text-align:left}
.ParaBody img {float:left;margin-right:10px;margin-top:5px;border: 5px solid #f2f2f2;}
.ParaBody img[align=top] {margin-right:10px;margin-top:5px;float:none;border:none;-moz-box-shadow: 1px 1px 12px #555; -webkit-box-shadow: 1px 1px 12px #555;box-shadow: 1px 1px 12px #555;}
.ParaBodyOld a {color:#2d4786;text-decoration:underline;font-size:80%;}
.ParaBody a {background-color:#ececec;color:#444;font-size:100%;-moz-border-radius: 5px;
border-radius: 5px;padding:0px 5px 3px 5px;text-decoration:none;white-space:nowrap;}
.ParaBody a:hover {background-color:#444;color:#f1f1f1;}
.ParaBodyDossier {font-size:16px;padding:5px 0px 0px 0px;font: normal normal 400 1em/1.5em Georgia,Serif;line-height:140%;text-align:left}
.ParaBody ul, ol {margin:10px 15px 15px 55px;padding:0px 0px 0px 0px;border:0px solid silver}
.ParaBody ul li {padding:2px 0px 2px 0px;list-style:square;font-weight:normal}
.ParaBody ol li {padding:2px 0px 2px 0px;font-weight:normal}
.FeatureList {margin:0px 0px 0px 10px;font-size:80%;list-style:none;}
.FeatureList li {padding:2px 0px 2px 20px;background: url(0090_check.png) left center no-repeat;font-weight:bold;}
/* COLONNE ENRICHISSEMENT*/
.BlockTitle {background-color:#f8f8f8;padding:5px;font-weight:bold;font-size:90%}
/* Images */
.ImageRight {float:right;margin-left:10px;margin-top:5px}
/* Alignments */
.aL {text-align:left}
.aC {text-align:center}
.aR {text-align:right}
img.aL {float:left;margin-right:10px;margin-top:5px}
img.aR {float:right;margin-left:10px;margin-top:5px}
/* Paddings, Margins */
.LeftSpace {padding-left:150px}
.RightSpace {padding-right:0px}
.Pad20 {padding:20px}
.Pad15 {padding:15px}
.Pad10 {padding:10px}
.BPad10 {padding-bottom:10px}
.BPad20 {padding:0px 0 20px 0;}
.VPad30 {padding-top:30px}
.VPad20 {padding-top:20px}
.VPad10 {padding-top:10px}
.MPad30 {margin-top:30px}
.MPad40 {margin-top:40px}
.MPad50 {margin-top:50px}
.MPad60 {margin-top:60px}
.MarBot40 {margin-bottom:40px}
.MarBot50 {margin-bottom:50px}
.MarBot10 {margin-bottom:10px}
.MarBot15 {margin-bottom:15px}
.MarBot20 {margin-bottom:20px}
.MarBot30 {margin-bottom:30px}
.MarTop50 {margin-top:50px}
.MarTop10 {margin-top:10px}
.MarTop20 {margin-top:20px}
.MarTop30 {margin-top:30px}
.NoPadTop {padding-top:0}
.Block {padding:10px 0 10px 0px;}
/* Forms */
form {padding:0:margin:0;}
fieldset {margin:0px;padding:0px;border:none;margin-bottom:20px;border-top:5px solid #f5f5f5;padding-right:10px}
fieldset ul {margin:10px 15px 10px 25px;padding:0}
fieldset ul li {list-style:none;font-weight:normal;font-size:80%;padding-bottom:5px}
legend {font-weight:bold;font-size:110%;margin:-10px 10px 0 10px;color:black;padding:0 10px 0 10px;text-align:left}
.FormSeparator {margin:5px 0 5px 0;border-bottom:1px solid silver}
.button {border:1px solid silver;background-color:#f5f5f5;grey:blue;text-transform:uppercase;padding:3px 10px 0px 10px;margin:0;font-weight:bold;text-align:left;font-size:70%}
.NiceWidth {width:120px;float:left;text-align:right;margin-top:10px;}
#CheckList {margin:10px 15px 10px 25px;padding:0}
/* Fonts */
.NotesLeft,.NotesRight {font-style:;font-size:80%;font-weight:bold;color:#5d5d5d;font-family:arial, Georgia;}
.NotesLeft {text-align:left}
.NotesRight {text-align:right}
.Citation {text-align:left;padding:0 25px 0 25px}
.Italics {font-style:italic}
.NoIt {font-style:normal}
/* Font Sizes */
.FSize60 {font-size:60%}
.FSize80 {font-size:90%}
.FSize70 {font-size:70%}
.Font80 {font-size:100%}
.Font110 {font-size:110%}
.Font120 {font-size:120%}
.Font180 {font-size:220%}
.Font250 {font-size:250%}
/* Font Colors */
.Grey {color:#6e6e6e;line-height:.8em;padding-bottom:5px}
.Orange {color:orange;line-height:.8em;padding-bottom:5px}
.Black {color:black;line-height:.8em;padding-bottom:5px}
.FontWhite {color:white}
.FontBlack {color:black}
.FontGrey {color:#5d5d5d}
.FontViolet {color:#cc33cc;}
.ColorRed {color:}
.ColorBlue {color:#99ccff;}
.ColorGreen {color:#669900}
.ColorViolet {color:#cc33cc;text-decoration:underline}
.ColorOrange {color:orange;text-decoration:underline}
.Grey {color:#6e6e6e;}
.Orange {color:orange;}
.Black {color:black;}
/* BackGrounds */
.Bg {background-color:#f8f8f8;}
.BgBlack {background-color:black;}
.BgWhite {background-color:white;}
.Metadata {vertical-align:bottom;font-size:80%;padding-bottom:25px}
.AttributeName {text-align:right;font-size:80%;font-weight:bold;}
.AttributeValue {font-size:80%}
.BreadCrumb {font-size:80%;font-weight:bold;border-bottom:1px solid silver}
.PubData{text-align:left;font-size:80%;font-weight:bold;padding:0px 0 5px 0}
.Tags {text-align:right;font-size:90%;color:blue}
.NoDeco {text-decoration:none;color:none;clear:both}
.NoDeco img {border:none}
/* LISTES*/
ul.file_list {margin: 5px 0 15px 0px;}
ul.file_list li {margin: 0 0 5px 5px;color: #4b4747;list-style:none}
ul.file_list li a {text-decoration:none;background: url(../images/bg_file_list.png) left top no-repeat;color:#4b4747;display: block;font-size:80%;font-weight:bold;height: auto !important;min-height: 31px;padding-left: 38px;}
ul.file_list li a span {display: block;font-weight: normal;margin-bottom: 3px;}
ul.DossierMenu {margin:5px 5px 5px 25px;padding:0px}
ul.DossierMenu li {margin:0px;padding:0px 0 5px 0px;list-style-type:square}
ul.DossierMenu li a {text-decoration:none}
ul.MosaiqueLogos {margin:10px;padding:0px;float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;}
ul.MosaiqueLogos li {float: left;
width: 49%;
margin: 0;
padding: 0;}
ul.MosaiqueLogos li img {margin:5px;padding:5px}
ul.ListeSecteurs {margin:10px 0 0 25px;padding:0px}
ul.ListeSecteurs li {margin:0px;padding:0px 0 5px 0px;list-style-type:square;}
/* liste de fichiers
ul.link_list {margin: 10px 0 10px 0;list-style:none}
ul.link_list li {background: url(../images/bg_link_list.png) left top no-repeat;margin: 0 0 9px 0;padding-left: 18px;}
ul.link_list li a, ul.link_list li {color: #8a8f9c;}
*/
/* liste de lien internes*/
.Col4 ul.link_list {margin:10px;list-style:square inside url("../images/bg_link_list.png");}
.Col4 ul.link_list li {font-size:12px;text-transform: uppercase;font-weight:bold;margin-bottom:8px}
.Col4 ul.link_list li a {text-decoration:none}
/* liste de lien externes*/
ul.ext_link_list {margin:10px 0 10px 0;list-style:none}
ul.ext_link_list li {background:url(../images/bg_ext_link_list.png) left top no-repeat;height:auto !important;height:20px;min-height:20px;margin:0 0 9px 0;padding-left:18px;}
ul.ext_link_list li a, ul.ext_link_list li {color:#8a8f9c;}
/* liste de fichiers */
.Col4 ul.file_list {margin:10px 0 10px 0;}
.Col4 ul.file_list li {margin:0 0 9px 0;color:#4b4747;}
.Col4 ul.file_list li a {background:url(../images/bg_file_list.png) left top no-repeat;color:#4b4747;display:block;font-size:12px;font-weight:bold;height:auto !important;height:31px;min-height:31px;padding-left:38px;}
.Col4 ul.file_list li a span {display:block;font-weight:normal;margin-bottom:3px;}
/* Custom */
.HomeHighLight {color:#54BC00}
.MediaPlayerFooter {min-height:80px}
.MediaPlayerContainer {padding:0px 0 0px 0;moz-box-shadow: 0 0px 6px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.1);box-shadow: 0 0px 6px rgba(0,0,0,0.1);}
.Btn {margin-top:15px}
.Btn a {background-color:#444;color:white;font-size:90%;font-weight:bold;-moz-border-radius: 5px;
border-radius: 5px;padding:3px 15px 3px 15px;}
.SepratorBlock {padding:8px 0px 6px 10px;font-weight:bold}
.MiniRound {-moz-border-radius:3px;border-radius:3px;}
.MiniShadow {moz-box-shadow: 0 0px 9px rgba(0,0,0,0.3);-webkit-box-shadow: 0 0px 9px rgba(0,0,0,0.4);box-shadow: 0 0px 9px rgba(0,0,0,0.4);}
.SimpleSeparator {margin-top:20px;height:60px;display:block}
/* Sticker */
/* Shared styles */
.AbsoluteBox {position:absolute}
.drop-shadow {
position:relative;
float:left;
width:40%;
padding:1em;
margin:2em 10px 4em;
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before,
.drop-shadow:after {
content:"";
position:absolute;
z-index:-2;
}
.drop-shadow p {
font-size:16px;
font-weight:bold;
}
/* Lifted corners */
.lifted {
-moz-border-radius:4px;
border-radius:4px;
}
.lifted:before,
.lifted:after {
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.lifted:after {
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
/* Curled corners */
.curled {
border:1px solid #efefef;
-moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
border-radius:0 0 120px 120px / 0 0 6px 6px;
}
.curled:before,
.curled:after {
bottom:12px;
left:10px;
width:50%;
height:55%;
max-width:200px;
-webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
-webkit-transform:skew(-8deg) rotate(-3deg);
-moz-transform:skew(-8deg) rotate(-3deg);
-ms-transform:skew(-8deg) rotate(-3deg);
-o-transform:skew(-8deg) rotate(-3deg);
transform:skew(-8deg) rotate(-3deg);
}
.curled:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
/* Perspective */
.perspective:before {
left:80px;
bottom:5px;
width:50%;
height:35%;
max-width:200px;
-webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
-moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
-webkit-transform:skew(50deg);
-moz-transform:skew(50deg);
-ms-transform:skew(50deg);
-o-transform:skew(50deg);
transform:skew(50deg);
-webkit-transform-origin:0 100%;
-moz-transform-origin:0 100%;
-ms-transform-origin:0 100%;
-o-transform-origin:0 100%;
transform-origin:0 100%;
}
.perspective:after {
display:none;
}
/* Raised shadow - no pseudo-elements needed */
.raised {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/* Curved shadows */
.curved:before {
top:10px;
bottom:10px;
left:0;
right:50%;
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
box-shadow:0 0 15px rgba(0,0,0,0.6);
-moz-border-radius:10px / 100px;
border-radius:10px / 100px;
}
.curved-vt-2:before {
right:0;
}
.curved-hz-1:before {
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.curved-hz-2:before {
top:0;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
/* Rotated box */
.rotated {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.rotated > :first-child:before {
content:"";
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:0;
right:0;
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}