@import url('menu.css');
@import url('top.css');

*{
	margin	: 0;
	padding	: 0;
}

body{
	background	: url('../img/bg-body.jpg') repeat-x #e0e0e0;
	text-align	: center;
	font-size	: 11px;
	font		: 0.7em Arial, Helvetica, sans-serif;
	color		: #565656;
}

p {
	line-height	: 1.3em;
	margin		: 10px 0 0 0;
}

ul, li {
	margin			:0;
	padding			:0;
	list-style-type	:none;
}

a {
	color			: #2e78cf;
	outline			: none;
	text-decoration	: none;
}

a:hover {
	text-decoration	: none;
	color			: #194272;
}

img {
	border		: 0;
}

img.border{
	border		: 1px solid #fff;
	border-width: 10px 0 10px 30px;
	background	: #dee3eb;
	padding		: 3px;
}

hr{
	border		: 0;
	background	: #c8c8c8;
	color		: #c8c8c8;	
	margin		: 10px 0 2px 0;
	padding		: 0;
	height		: 1px;
}

hr.clear {
    clear		: both ;
    visibility	: hidden ;
	line-height	: 0 ;
    font-size	: 0 ;
	border		: 0;
	height		: 0;
	margin		: 0;
	padding		: 0;
}

.clear			{
    clear		: both;
    visibility	: hidden ;
}

/* =================================== */
/* ============ STRUCTURE ============ */
/* =================================== */

div#global {
	margin		: 30px auto;
	background	: #fff;
	width		: 928px;
	text-align	: left;
	border		: 1px solid #fff;
}

div#top {
	position	: relative;
	margin		: 0 auto;
	height		: 400px;
	width		: 928px;
}

div#left {
	float: left;
	padding		: 0 21px 20px 45px;
	width		: 220px;
}

div#content {
	float			: left;
	width			: 645px;
	padding			: 0 0 0 25px;
	text-align		: justify;
	margin-top		: 15px;
}

div#right{
	float			: left;
	width			: 238px;
	margin-left		: 20px;
}

div#footer{
	margin-top		: 10px;
	border-top		: 1px solid #adadad;
	border-bottom	: 1px solid #adadad;
	color			: #fff;
	height			: 134px;
}

.left-footer{
	width			: 290px;
	float			: left;
	margin			: 10px 0 10px 20px;
}

.left-footer a{
	color			: #fff;
}

.right-footer{
	width			: 550px;
	float			: left;
	margin			: 10px 0 10px 0;
	padding			: 0 0 0 20px;
	border-left		: 1px solid #9d9d9d;
}

#partenaires{
	background		: url('../img/partenaires.jpg') repeat-x;
	height			: 70px;
}

/*************** TITRE ********************/

.holdtype{
	position		: absolute;
	top				: 365px;
	left			: 70px;
	color			: #668cbf;
	font-size		: 1.4em;
	width			: 600px;
	border-bottom	: 1px solid #ccc;
	padding-bottom	: 14px;
	/*padding-left	: 25px;
	background		: url('../img/bg-h1.jpg') no-repeat;*/
}

h2{
	font-size		: 1.1em;
}

/*************** ARIANE *******************/

div#ariane {
	position		: absolute;
	top				: 305px;
	right			: 22px;
}

/*************** LIENS ********************/

#ariane a{
	text-decoration	: underline;
	color			: #2260af;
}

.liens{
	border-left		: 1px solid #ebebeb;
	padding-left	: 5px;
}

#right a{
	color			: #565656;
}

/***************** CONTENT *****************/

#content li{
	list-style-type	: disc;
	margin			: 5px 0 5px 30px;
}

#content ul.not li{
	list-style-type	: none;
}

#content ul.equipe li{
	position:relative;
	list-style-type	: none;
	width			: 80px;
	height			: 135px;
	float			: left;
}

#content ul.equipe li img{
	display			: block;
}

.goup{
	cursor			: pointer;
}

/***************** RIGHT *******************/

#right p{
	margin			: 0 0 4px 0;
}

#right img{
	border			: 3px solid #e9e9e9;
	margin-top		: 10px;
}

#right a img{
	border			: 0;
	margin			: 0px;
}

.godoc, #right .godoc img{
	border			: 0;
	cursor			: pointer;
	margin			: 0;
}

#right .plan img{
	margin-top		: 10px;
	border			: 3px solid #e9e9e9;
}

#right .gonews:hover{
	cursor			: pointer;
}

#right .gonews img{
	border			: 0px;
	margin			: 0;
}

/**************** CONTACT ***************************/

.site{
	float			: left;
	width			: 300px;
	border			: 1px solid #f5f5f5;
	padding			: 5px;
	margin-right	: 10px;
	height			: 165px
}

.site2{
	float			: left;
	border			: 1px solid #f5f5f5;
	padding			: 5px;
	margin-right	: 10px;
	height			: 130px;
	width			: 622px;
	margin			: 10px 0 10px 0;
}