@import "colorbox.css";

/*--- body ---*/
body {	font-family: Arial, Helvetica, sans-serif;color: #343434;background-color: #FFFFFF;	margin-top: 2px;margin-right: 0px;margin-bottom: 0px;margin-left: 3px;}
p {margin:0;}


/*--- content ---*/
.nav {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FFFFFF;padding: 2 0 0 5;}
.titleIndex {font-family: Arial, Helvetica, sans-serif;	font-size: 13px;font-weight: bold;	color: #C51F2B;	line-height: 18px;}
.title {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;font-weight: bold;	color: #999;}

.subTitleYellow {font-family: Arial, Helvetica, sans-serif;font-size: 12px; font-weight: bold;color: #FFB448;}
.subTitleDarkRed {font-family: Arial, Helvetica, sans-serif;font-size: 12px; font-weight: bold;color: #e4303c;}
.subTitleGray {font-family: Arial, Helvetica, sans-serif;font-size: 12px; font-weight: bold;color: #343434;}
.txt {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #343434;}
.txtBgRed {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #fff;}
.txtContact {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #343434; height: 120px;}
.txtNews {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #343434;}
.remNews {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #333333;}
.rem {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #333333;}
.legal {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF; margin-left: 0px; background-color: #e4303c; text-align: right; padding-top: 3px; padding-right: 5px; padding-bottom: 4px; padding-left: 0px; margin-top: 10px;}
/*.legal {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF; text-align:right; vertical-align:middle; background-color:#e4303c;}*/
.hrPoint {padding: 12px 0 6px 0;}
.hrPointNews {padding: 6px 0 6px 0;}
.img {margin: 5px 10px 0 0;}
.imgRegions {margin: 3px 10px 0 0;}
.date {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #999999;}
.fleche {margin: 0 0 0 7px;}
.back {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #999; padding: 0 0 10px 10px;}
.flecheBack {padding: 0 3px 0 0;}
.tdCadreBleu {background-image: url(../img/mailing/bgTabMail.jpg);background-repeat: no-repeat;background-position: right top;padding: 8px 0 12px 0;border: 2px solid #619FD7;}
.tdCadreBlanc {padding: 0 12 0 12px;border: 2px solid #FFFFFF;}
.txtRetrait {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #343434;padding: 0px 0px 0px 13px;}
.bulletrouge {margin: 0 3 0 0;}
.txtBig {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #343434;padding: 0 0 5 0;}
.flecheRouge {margin: 0 0 0 0;}
.important {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #FFFFFF;background-color: #6EB3DC;padding: 8px;}
.red {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #C11318;}
.big {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #000000;}


/*--- link ---*/
a:link.legal, a:visited.legal, a:active.legal {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;text-decoration: none;}
a:hover.legal {color: #002045;}
a:link.navIndex, a:visited.navIndex, a:active.navIndex {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;text-decoration: none;padding: 0 7px 0 7px;}
a:hover.navIndex {color: #002045;}
a:link.navSite, a:visited.navSite, a:active.navSite {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;text-decoration: none;font-weight: bold;}
a:hover.navSite {color: #002045;}
a:link.subNav, a:visited.subNav, a:active.subNav {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;font-weight: bold;text-decoration: none;padding: 0 7px 0 7px;}
a:hover.subNav {color: #FFB448;}
a:link.urlMail, a:visited.urlMail, a:active.urlMail {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000;text-decoration:underline;}
a:hover.urlMail {text-decoration:none;}
a:link.backLink, a:visited.backLink, a:active.backLink {font-family: Arial, Helvetica, sans-serif;font-size: 11px;text-decoration:none;color: #999;}
a:hover.backLink {color: #000;}
a:link.red, a:visited.red, a:active.red {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #990000;text-decoration: none;font-weight: normal;}
a:hover.red {text-decoration: underline;}
a:link.redUnder, a:visited.redUnder, a:active.redUnder {font-family: Arial, Helvetica, sans-serif;font-size: 13px; font-weight: bold;color: #C11318;text-decoration: underline;}
a:hover.redUnder {text-decoration: none;}
a:link.blackUnder, a:visited.blackUnder, a:active.blackUnder {font-family: Arial, Helvetica, sans-serif;font-size: 13px; font-weight: bold;color: #343434;text-decoration: underline;}
a:hover.blackUnder {text-decoration: none;}
a:link.title, a:visited.title, a:active.title {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #19559A;text-decoration: none;}
a:hover.title {text-decoration: underline;}	
div.alignRight{float: right;}	
a:link.doc, a:visited.doc, a:active.doc {font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold;color: #FFFFFF;text-decoration: none; background-color:#333333; padding : 1px 2px 1px 2px;}
a:hover.doc {text-decoration: none;}


/*--- form ---*/
.champ {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #343434;height: 16px;width: 280px;background-color: #D4E0EF;margin: 2px 0 8px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #999999;border-right-color: #CCCCCC;border-bottom-color: #CCCCCC;border-left-color: #999999;}
.champList {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #343434;height: 16px;width: 120px;}
.champLPW {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #343434;height: 18px;width: 150px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #999999;border-right-color: #CCCCCC;border-bottom-color: #CCCCCC;border-left-color: #999999;}
.btnForm {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #343434;	height: 16px;width: 75px;background-color: #EBEBEB;border-top: solid 1px #C4C3C3;border-right: solid 1px #686868;border-bottom: solid 1px #686868;border-left: solid 1px #C4C3C3;padding: 2px 5px 0 5px;margin: 0 0 0 10px;}
.btnFormMail {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #343434;	height: 18px;background-color: #EBEBEB;border-top: solid 1px #C4C3C3;border-right: solid 1px #686868;border-bottom: solid 1px #686868;border-left: solid 1px #C4C3C3;padding: 0 2px 0 2px;margin: 0 0 0 10px;}
.champMailing {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #343434;height: 16px;width: 200px;background-color: #E4EEF7;margin: 0 0 8px 0;border: 1px solid #619FD7;}
.champTxt {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #343434;height: 100px;width: 280px;background-color: #D4E0EF;margin: 2px 0 8px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #999999;border-right-color: #CCCCCC;border-bottom-color: #CCCCCC;border-left-color: #999999;}