body {
	text-align: center;
	font-size: 11px;
	color: #666;
	margin: 0px;
}

div#mainFrame {
	font-family: arial, sans-serif;
	margin: 0px auto;
	text-align: left;
	width: 999px;
}

/* --- HEADER --- */

div#logo {
	float: left;
	background: #cc0000 url(../images/logo.gif) no-repeat;
	width: 165px;
	height: 134px;
}

div#logo h1 {
	display: none;
}

div#connectBar {
	background: url(../images/connectBarBG.gif) repeat-y;
	float: right;
	margin-bottom: 2px;
	width: 820px;
	color: white;
	font-weight: bold;
}

#lien {
float: right;
}

div#bandeauConnectBar {
	width: 834px;
}

div#bandeau {
	float: right;
	width: 751px;
	height: 106px;
	background: url(../images/bandeau.gif);
}

form#connectBar, form#searchBar, form#loginAccount, form#logoutBar {
	float: right;
	padding: 5px 10px;
	margin: 0;
}

form#loginAccount, form#logoutBar{
    padding: 7px 10px;
}
form#connectBar input.text, form#searchBar input.text, input#email {
	font-size: 10px;
}

form#loginAccount input, form#logoutBar input{
	width: 110px;
	font-size: 10px;
	font-weight: bold;
	height: 18px;
	color: #6f6e6e;
	background: url(../images/loginbutton.gif);
	border: none;
}
input#email {
	margin: 5px 0;
	width: 152px;
}

input.ok {
	width: 27px;
	height: 18px;
	background: url(../images/ok.gif);
	border: none;
}
input.validate {
	width: 79px;
	height: 18px;
	background: url(../images/validation.gif);
	border: none;
}

/* --- PAGE --- */

div#page {
	
}

div#content {
	background: url(../images/globalContentBG.gif);
}

/* --- COLUMNS --- */

div#two-zones-first {
	float: left;
	margin-right: 18px;
	width: 717px;
	overflow: hidden;
}

div#two-zones-second {
	float: left;
	width: 263px;
	overflow: hidden;
}

div#three-different-zones-first {
	float: left;
	margin-right: 18px;
	width: 515px;
	overflow: hidden;
}
div#three-different-zones-second {
	float: left;
	margin-right: 17px;
	width: 263px;
	overflow: hidden;
}

div#three-different-zones-third {
	float: left;
	width: 184px;
	overflow: hidden;
}


/* --- BTNS --- */

div.btnCandidat, div.btnEntreprise, div.btnOrange {
	float: left;
	cursor: hand;
	color: white;
	font-size: 12px;
	text-align: center;
	padding-top: 12px;
	background: #6BAB00 url(../images/btnBG1.gif) no-repeat;
	width: 252px;
	height: 26px;
	margin-bottom: 20px;
}
div.btnEntreprise {
	float: right;
	background: #6BAB00 url(../images/btnBG2.gif) no-repeat;
}
div.btnOrange {
	background: transparent url(../images/btnBG3.gif) no-repeat;
}
div.btnMeteo {
	background: #A4BEDF url(../images/meteoBG.gif) no-repeat;
	width: 184px;
	height: 64px;
	margin-bottom: 12px;
}

h3.newLetterSubscription_header, h3.links_header {
	background: url(../images/newLetterHeader.gif) no-repeat;
	width: 134px;
	height: 25px;
	padding: 7px 10px 0 40px;
	margin: 0;
	color: white;
	font-size: 13px;
	font-weight: bold;
}
h3.links_header {
	background: url(../images/linksHeader.gif) no-repeat;
	width: 250px;
}

div#newLetterSubscription_content, div.links_content {
	text-align: center;
	background: #ECECEC url(../images/newLetterBG.gif) repeat-x;
	padding: 10px 10px 5px 10px;
	color: #9CC931;
}
div.links_content {
	text-align: left;
	width: 230px;
}

div.links_content ul {
	margin: 0;
	padding: 0;
	list-style: disc inside;
	color: #FBBE01;
}
div.links_content ul li {
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px dashed #ccc;
}
div.links_content ul li span {
	color: #666;
}
div.links_content ul li a {
	color: #666;
	font-size: 12px;
}

div#newLetterSubscription_footer, div.links_footer {
	background: #ECECEC url(../images/newLetterFooter.gif) no-repeat;
	width: 184px;
	height: 5px;
	margin-bottom: 12px;
	font-size: 1px;
}
div.links_footer {
	background: #ECECEC url(../images/linksFooter.gif) no-repeat;
	width: 250px;
}

div.video_list {
	width: 184px;
}

div.videoContent * {
	background: #606060;
	font-size: 0px;
}

div.videoHeader, div.videoFooter {
	background: #606060 url(../images/videoHeader.gif);
	height: 14px;
}
div.videoFooter {
	background: url(../images/videoFooter.gif);
	margin-bottom: 12px;
}

/* --- */

/* ARTICLE */

div.document-content {
	
}

/* --- */

div.articleVignette {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* --- TOOLS --- */

.floatLeft {
	float: left;
}

.clearItAll {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	font-size: 0;
	line-height: 1px;
}