*
{
	box-sizing: border-box;
}

body
{
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	background: #eee url("/_img/header_outer.jpg") repeat-x;
	color : #333;
}

#principal
{
	height : 100%;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 50%;
	display : block;
}

#secondaire
{
	width : 1050px;
	height : 100%;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : -525px;
	border : 0px solid #000;
	display : block;
	background-color : #FFF;
}

#header
{
	width : 100%;
	height : 255px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	padding-top : 192px;
	background-image : url("/_img/header_arcal.png");
	background-repeat : no-repeat;
	background-position : top left;
	background-color : #555;
	border : 0px solid #555;
}

#accroche
{
	width : 100%;
	height : 63px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	background-image : url("/_img/Logo_Arcal_Transp.png");
	background-position : 10px;
	background-repeat : no-repeat;
	background-color : #555;
	color : #FFF;
	font-weight : bold;
	line-height : 63px;
	vertical-align : bottom;
	padding-left : 120px;
	padding-top : 20px;
	letter-spacing : 4px;
}

#articles
{
	height : 100%;
	background-color : #FFF;
	margin-bottom : 20px;
}

#articles a
{
	color : #7ba428;
	font-weight : bold;
	margin-top : 5px;
	text-decoration : none;
	padding-left : 10px;
}

#articles a:hover
{
	background-color : #7ba428;
	color : #FFF;
}

#articles h1
{
	padding-top : 0px;
	font-size : 1.8em;
	border-top : 1px dotted #555;
	color : #7ba428;
	padding-left : 50px;
}

#articles form
{
	margin-top : 10px;
	padding-left : 50px;
	padding-right : 50px;
	width : 100%;
	display : block;
	float : left;
	clear : both;
}

#articles form label
{
	display : block;
	float : left;
	width : 200px;
	font-weight : bold;
	border-bottom : 1px dotted #555;
}

#articles form input
{
	display : block;
	float : left;
	width : 750px;
}

#articles form input.bouton
{
	display : block;
	float : left;
	width : 950px;
}

#articles form textarea
{
	display : block;
	float : left;
	width : 750px;
	height : 100px;
}

#articles form br
{
	display : block;
	float : left;
	clear : both;
}

#articles .motdoux
{
	display : block;
	width : 100%;
	padding-left : 50px;
	padding-right : 50px;
}

#articles .motdoux .intro
{
	display : block;
	width : 100%;
	border-top : 1px dotted #555;
	font-weight : bold;
	padding-top : 5px;
}

#articles #messages
{
	width : 100%;
	height : 100%;
	overflow-y : scroll;
	scrollbar-color : #7ba428 #555;
	scrollbar-width : 10px;
	background-color : #FFF;
	font-size : 0.8em;
}

#menu 
{
	border-right : 1px dotted #555;
	margin : 0px 0px 0px 0px;
	padding-top : 10px;
	padding-left : 10px;
	display : block;
	float : left;
	width : 250px;
	list-style : none;
}

#menu li
{
	font-size : 0.8em;
}

#menu li a
{
	line-height : 30px;
	color : #555;
	margin-top : 5px;
	font-weight : bold;
	text-decoration : none;
}

#menu li a:hover
{
	background-color : #7ba428;
	color : #FFF;
}

#contenu
{
	border : 0px solid #0F0;
	display : block;
	padding-top : 10px;
	padding-left : 10px;
	padding-right : 10px;
	background-color : #FFF;
	height : 100%;
	overflow-y : scroll;
	scrollbar-color : #7ba428 #555;
	scrollbar-width : 10px;
}

#article
{
	font-size : 0.9em;
	background-color : #FFF;
}

#article h1
{
	padding-top : 0px;
	font-size : 1.3em;
	border-top : 1px solid #555;
	border-bottom : 1px dotted #555;
	color : #7ba428;
	padding-left : 0px;
}

#article img#principale
{
	width : 100%;
	padding-top : 5px;
}

#article a
{
	color : #7ba428;
	text-decoration : underline;
	margin-top : 5px;
	padding-left : 0px;
}

#article a:hover
{
	background-color : #7ba428;
	color : #FFF;
	padding-left : 0px;
}

h1 a img.action, .motdoux .intro a img.action
{
	width : 16px;
	line-height : 30px;
	vertical-align : middle;
	margin-right : 10px;
	margin-left : 10px;
}

div.g-recaptcha
{
	display : block;
	clear : both;
	width : 400px;
	margin-left : 325px;
	margin-bottom : 10px;
}