/** General */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.clearfix { clear: both; }

input {
	margin: 4px;
}

a {
	font-weight: bold;
}

.modulebox a, .outil a {
	font-weight: normal;
}

p {
	margin-top: 4px;
}

h2 {
	font-size: 16px;
	margin-bottom:24px;
}

h3 {
	font-size: 14px;
	margin-bottom:20px;
}

hr {
	height: 20px;
	visibility: hidden;
}

/** Layout */

#main {
	background: #f8f8f8;
	margin: 0 auto;
	text-align: left;
}

#header-container {
	background: transparent url(images/header-bg.png) repeat-x top center;
	height: 200px;
	text-align: center;
}

		#header {
			background: transparent url(images/header.png) repeat-x top center;
			height: 200px;
			margin: 0 auto;
			position: relative;
			text-align: left;
			width: 960px;
		}
	
		a.home-link {
			display: block;
			height: 90px;
			position: absolute;
			left: 60px;
			top: 64px;
			width: 500px;
		}
	
		#header-ads, #header-tools {
			color: white;
			font-size: 10px;
			padding: 4px;
			position: absolute;
			width: 150px; /* 158 */
		}
	
		#header-ads {
			/* background: pink; */
			height: 85px; /* 93 */
			right: 105px; 
			top: 0;
		}
	
		#header-tools {
			/* background: red; */
			height: 63px; /* 71 */
			right: 105px;
			bottom: 10px;
		}
	
#content-container {
	background: transparent url(images/shadows.png) no-repeat top center;
	min-height: 600px;
	text-align: center;
}

		#content {
			background: white;
			margin: 0 auto;
			padding: 0 10px 0;
			position: relative;
			text-align: left;
			width: 940px;
		}

#footer1-container {
	background: #6f6f6f url(images/footer1-bg.png) no-repeat bottom center;
	height: 45px;
	text-align: center;
	
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	
	color: #666666;
}

#footer1-container a{
	color: #666666;
}
#footer1-container div{
	padding-top: 14px;
}
	
#footer2-container {
	background: white;
	color: #4355a1;
	font-size: 12px;
	font-weight: bold;
	height: 60px;
	padding-top: 24px;
	text-align: center;
}

#footer-shadow {
	background: white url(images/footer-shadow.png) no-repeat bottom center;
	bottom: 0;
	height: 32px;
}

/** Pub et outils (header) */

div#header-tools, div#header-ads {

}

div#header-tools a, div#header-ads a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
	
/** Menu */

div#menu {
	background: transparent url(images/menu-bg.png) repeat-x top center;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	margin-bottom: 20px;
	position: relative;
	width: 940px;
	z-index: 8000;
}

div.menu-tl, div.menu-tr, div.menu-bl, div.menu-br {
	height: 10px;
	position: absolute;
	width: 10px;
}

div.menu-tl {
	background: transparent url(images/menu-tl.png) no-repeat center center;
	left: 0;
	top: 0;
}

div.menu-tr {
	background: transparent url(images/menu-tr.png) no-repeat center center;
	right: 0;
	top: 0;
}

div.menu-bl {
	background: transparent url(images/menu-bl.png) no-repeat center center;
	left: 0;
	bottom: 0;
}

div.menu-br {
	background: transparent url(images/menu-br.png) no-repeat center center;
	bottom: 0;
	right: 0;
}

div#menu ul#menu-list {
 	display: block; 
	padding: 0 38px;
}

div#menu li{
 	display: inline; 
	float: left;
	list-style-decoration: none;
}

div#menu a {
	color: white;
	display: block;
 	float: left;
	height: 24px; /* 33 */
	padding: 8px 12px 0;
	text-decoration: none;
} 

div#menu a:hover {
	background: #4355a1;
	color: white;
}

li.submenu ul {
	background: #2c386a;
}

li.submenu li {
	width: 240px;
}
li.submenu li a {
	width: 216px;
}

/** Blocs */

.modulebox {
	float: left;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	height: 324px;
	margin: 32px 10px 0;
}

.moduletitle {
	background: white;
	padding-left: 20px;
	height: 18px;
}


.moduletitle h2 {
	font-size: 16px;
	font-weight: normal;
}

.modulecontent {
	padding: 20px;
}

.modulecontent textarea {
	width: 100%;
}


.modulebox-blue-atelier {
	background: #f1f1f5 url(images/bg_ateliers.png) no-repeat bottom right;
	color: #4355a1;
}

.modulebox-blue {
	background: #f1f1f5;
	color: #4355a1;
}

	.modulebox-blue .moduletitle, .modulebox-blue-atelier .moduletitle {
		border-bottom: 1px solid #4355a1;
	}


.modulebox-orange {
	background: #ffeedc url(images/bg_idees.png) no-repeat bottom right;
	color: #993300;
}

	.modulebox-orange .moduletitle {
		border-bottom: 1px solid #ff6600;
		color: #ff6600;
	}
	
.modulebox-green {
	background: #e7ffec;
	color: #006600;
	
}

	.modulebox-green .moduletitle {
		border-bottom: 1px solid #00cc00;
		color: #339900;
	
	width: 310px;
	}

.accroche {
	background: transparent url(images/note_vide.png) no-repeat center center;
	position: relative;
	left: -46px;
	float: left;
	
	width: 407px;
	height: 280px;
}
	
.accroche .accroche-textes{
	font-size: 16px;
	color: #003366;
	padding: 80px 50px 60px 100px;
	line-height: 28px;
	font-weight: bold;
}

div#baselineBox {
position: relative;
}

div.baseline {
float:left;
width: 257px;
text-align: center;
}

div.baselineMask {
height:100%;
width:100%;
position: relative;
overflow: hidden;
}


.accueil-outils {

	float: right;
	height: 280px;
}
	
.outil {
	width: 118px;
	height: 68px;
	float: left;
	margin-top: 24px;
	text-align: center;
	font-size: 10px;
}
	
.outil img {
	margin: 4px 0;
	border: 0;
}

.outil a {
}

.outil-orange {
	background: #ff6600 url(images/outil-orange.png) repeat-y center center;
	border: 1px solid #ff6600;
	margin-right:52px;
}
	
.outil-vert {
	background: #33cc00 url(images/outil-vert.png) repeat-y center center;
	border: 1px solid #33cc00;
	margin-right:52px;
}
	
.outil-bleu {
	background: #4355a1 url(images/outil-bleu.png) repeat-y center center;
	border: 1px solid #4355a1;
	margin-left:52px;
}

div#rssBox {
position: relative;
}

div.flux {
float:left;
width:310px;
}

div.flux li {
font-size: 12px;
margin-bottom: 8px;
}

div.flux a{
color: #339900;
margin-bottom: 8px;
}

div.rssMask {
height:100%;
width:100%;
position: relative;
overflow: hidden;
}

.buttons {
	float: left;
	position: absolute;
	bottom: 0px;
	width: 330px;
	text-align: center;
	font-size: 10px;
}


.buttons span {
	cursor: pointer;
	color: #006600;
	padding-bottom: 4px;
}

.buttons span:hover {
	background: white;
}

.jas {
	background: transparent url(images/lotus.png) no-repeat bottom right;
	padding-right: 360px;
}






#cadredoc h2 {
padding-left:40px;
}
#cadredoc h3 {
	margin-top: 24px;
}



input.inform {
	width: 97%;
}

table.formulaire {
	border: 1px solid #4355a1;
	background: #f1f1f5;
	color: #4355a1;
}

table.formulaire tbody {
	margin-top: 4px;
}
table.formulaire th, table.docs tr {
	border-bottom: 1px solid #4355a1;
}
table.docs h3 {
	color: black;
}



table.docs {
	border: 1px solid #4355a1;
	background: #f1f1f5;
	color: #4355a1;
	width: 100%;
}
table.docs tbody td {
	border-top: 1px solid #4355a1;
	padding : 8px 0;
}
table.docs tbody td.first {
	border-top: none;
}



/************* V2.1 ************/

textarea {
	background-color:white;
}

div#maintext {
	color: #4355A1;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 24px;
	padding: 0px;
	width: 906px;
}

div#adminpanel {
	background: #F1F1F5;
	border: 1px solid #4355A1;
	color: #4355A1;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 24px;
	padding: 16px;
	width: 906px;
}

div#adminpanel label {
	display: block;
	float: left;
	text-align: right;
	width: 360px;
	
}