@font-face {
	font-family:"Actor" src:url(polices/Actor-Regular.ttf);
	font-style: normal;
	}
html{
	width: 100%;
	margin: 0px 0px 0px 0px;
	background-image: linear-gradient(#FFFFFF, #F9F8F4);
	}
body {
	width: 1014px;
	border: none;
	margin-right: auto;
	margin-left: auto;
	font-family: Cambria;
	font-weight: normal;
	font-size : 95%;
	text-align: left;
	padding: 0px 0px 0px 0px; 
	background: transparent url(img/fond2.png) repeat-y;
	background-attachment: fixed;
	background-position: center;
	}

#conteneur{
	width: 910px;
	margin-left: 30px;
	margin: auto;
	}

#contenu{
	width: 900px;
	float:left;
	}
#nav{
	font-family:"Actor", "Calibri", sans-serif;
	font-size: 82%;
	margin-top: 20px;
	}
#nav li{
	list-style-type: none;
	display: block;
	width: 133px;
	height: 28px;
	float: left;
	margin-right: 2px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: white;
	border-radius : 10px 10px 0px 0px;
	box-shadow: 5px 0px 10px LightGrey;
	}
#nav a{
	display: block;
	color: #DC3E29;
	margin-top: 10px;
	margin-left: 10px;
	}
.on a{
	display: block;
	width: 113px;
	height: 17px;
	border-bottom: solid 2px red;
	}
#nav a.rubrique_2{
 	color: #EC8B00;
	}
#nav a.rubrique_1{
	color: #783A34;
	}
#nav img.spip_logos {
	width: 100px;
	height:50px;
	margin-bottom: 5px;
	}
#texte{
	border: solid 1px #CCCCCC;
	background-color: white;
	padding: 30px 120px 30px 100px;
	min-height: 600px;
	margin-bottom: 20px;	
	box-shadow: 0px 15px 20px LightGrey ; 
	}
#texte_rubrique{
	background-color: white;
	min-height: 600px;
	padding: 30px 30px 30px 50px;
	margin-left: -18px;
	margin-bottom: 20px;
	box-shadow: 0px 15px 20px LightGrey ; 
	border: solid 1px #CCCCCC;
	}
#texte_rubrique .menu li{
	display: block;
	width: 270px;
	height: 380px;
	float: left;
	margin-bottom: 40px;
	margin-right: 30px;
	margin-left: 30px;
	box-shadow: 0px 15px 15px LightGrey ; 
	padding:10px;
	text-align: center;
}
.rubrique_4 #texte_rubrique{
	border-left: solid 18px #138B4B;
}
.rubrique_4 #texte_rubrique h1, #nav a.rubrique_4{
	color:#138B4B;
}

.rubrique_6 #texte_rubrique{
	border-left: solid 18px #262625;
}
.rubrique_6 #texte_rubrique h1, #nav a.rubrique_6{
	color:#262625;
}
.rubrique_3 #texte_rubrique{
	border-left: solid 18px #D20C44;
}
.rubrique_3 #texte_rubrique h1, #nav a.rubrique_3{
	color:#D20C44;
}
.rubrique_3 #texte_rubrique .menu li{
	border-left: solid 10px #D20C44;
}
.rubrique_4 #texte_rubrique .menu li{
	border-left: solid 10px #138B4B;
}
.rubrique_6 #texte_rubrique .menu li{
	border-left: solid 10px #262625;
}
.menu_articles li{
	display: block;
	width: 270px;
	height: 380px;
	float: left;
	margin-bottom: 40px;
	margin-right: 30px;
	margin-left: 30px;
	box-shadow: 0px 15px 15px LightGrey ; 
	border: solid 1px #CCCCCC;
	padding:10px;
}
#ill{
	margin-top: 50px;
}
#texte_sommaire{
	border-left: solid 18px #EC8B00;
	border-right: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	background-color: white;
	min-height: 600px;
	padding: 30px 30px 30px 50px;
	margin-left: -18px;
	margin-bottom: 20px;
	box-shadow: 0px 15px 20px LightGrey; 
}
p.titre{ 
	height: 40px;
	margin-top: -2px;
	text-align: left;
	color: #EC8B00;
}
#footer{
	width: 860px;
	clear:both;
	background: #EC8B00 url(img/guillemet_ouvert3.png) no-repeat bottom right;
	padding: 1px 10px 1px 10px;
	border: solid 8px white;
}
#prec-suiv{
	font-family:"Actor", "Calibri", sans-serif;
	font-size: 105%;
	text-align: right;
	border: solid 1px #F4F2F2;
	padding:10px;
	width: 795px;
	margin-left: -60px;
}
a{
	text-decoration:none;
	color: #118C49;
}
a:hover, #nav a:hover.rubrique_1, #nav a:hover.rubrique_2, #nav a:hover.rubrique_3, #nav a:hover.rubrique_6, #nav a:hover.rubrique_4{
	color: #DC3E29;
}
h1{
	display: block;
	color: #EC8B00;
	font-size: 160%;
}
.item_home h1{
	font-size: 130%;
}
.rapport{
	color: #D20C44;
}
.colloque{
	color: #138B4B;
}
.reportage{
	color: #262625;
}

#texte_rubrique h1, #nav a{
	text-transform: uppercase;
}

#texte_rubrique h1{
	font-family: "actor","Calibri", sans-serif;
	display: block;
	height: 70px;
	text-align: left;
	background: transparent url(img/guillemet_ouvert2.png) no-repeat top left;
	margin-top: 40px;
	font-size: 140%;
	
}
#texte_sommaire h1{
	font-family: "actor","Calibri", sans-serif;
	display: block;
	text-transform: uppercase;
	height: 70px;

	background: transparent url(img/guillemet_ouvert2.png) no-repeat top left;
	margin-left: -130px;
	margin-top: -60px;
}
#documents_joints h2{
	display:block;
	height: 35px;
	font-family: "actor", "Calibri", sans-serif;
	margin-top: 60px;
	padding-top: 15px;
	font-size: 90%;
	text-transform: uppercase;
	border-top: solid 1px black;
	background: transparent url(img/guillemet_ouvert4.png) no-repeat bottom left;
}

h3{
	color: black;
	font-size: 120%;
	margin-left: -20px;
}

h4{
	color: black;
	font-weight: lighter;
	font-size: 100%;
}

.soustitre{
	color: black;
	font-size: 110%;
	margin-top: -10px;
}

.surtitre{
	font-family: "actor", "Calibri", sans-serif;
	font-size: 90%;
	text-transform:uppercase;
	color: grey;
}
.hyperlien{
	font-family: "actor", "Calibri", sans-serif;
	font-size: 80%;
}
#footer a{
	text-decoration:none;
	color: white;
}
.menu ul li{
	list-style-type: none;	
} 
.menu li{
	display: block;
	width: 190px;
	height: 250px;
	float: left;
	margin-bottom: 40px;
	margin-right: 10px;
	border-right: solid 5px #F4F2F2;
	border-bottom: solid 5px #F4F2F2;
	border-left: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	padding:10px;
}
.logo_une_article, .logo_une_rubrique{
	text-align: center;
	background-color: #262625;
	padding:2px;
	border: 3px inset black;
}
.logo_une_article, .logo_une_rubrique img{
	border: 2px outset white;
}
.logo_article_droite{
	float:right;
	margin-top: -35px ;
	margin-left: 30px;
	margin-bottom: 18px;
	margin-right: -10px;
	border: solid 1px LightGrey;
	box-shadow: -10px 10px 10px LightGrey; 
}
.chapo p{
	font-family:"Actor", "Calibri", sans-serif;
	font-size: 95%;
	color: grey;
	text-align: justify;
	width: 90%;
	margin-left: 30px;
}
.descriptif p{
	font-family:"Actor", "Calibri", sans-serif;
	font-size: 90%;
	color: #262625;
	text-align: left;
	width: 95%;
}

.ps{
	width: 898px;
	text-align:center;
	margin-top: 60px;
	padding-bottom: 20px;
	margin-left: -100px;
	margin-right: -80px;
	border-top: 10px solid black;
	background : transparent url(img/info_pb_liseuse.png) no-repeat top center;
}
#en_tete{
	min-height: 120px;
	background: transparent url(img/guillemet_ouvert.png) no-repeat top left;
	border-bottom : solid 1px grey;
	margin-top: 60px;
}
.texte{
	margin-top: 20px;
}
.chapo{
	border-bottom : solid 1px grey;
}
.item_home{
	width: 500px;
	height: 304px;
	margin-bottom: 40px;
	margin-left: 150px;
	margin-right: 40px;
	margin-top: 80px;
	border: solid 1px #CCCCCC;
	padding:10px;
	box-shadow: 5px 10px 25px LightGrey ; 
}
.clear{
	clear:both;
}
.invisible{
	color: transparent;
}

#descriptif-site{
	font-size: 100%;
	color: grey;
	width: 790px;
	text-align: justify;
}

.float_left{
	float:left;
	width: 250px;
	margin-top:-20px;
	margin-left: 10px;
}

.float_right{
	float:right;
	margin-top:-20px;
	width: 230px;
}

#documents_portfolio li{
	margin-right: 5px;
	float:left;
	list-style-type: none;
}
#documents_portfolio{
	width: 700px
	margin-top: 30px
	padding-top: 20px;
}