@charset "utf-8";
html,body {
font:0.8em Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
background-color:#CCC;
/*background:url(../images/elements/2011/fond.png) repeat;*/
margin:0;
padding:0;
width:100%;
}
img {
border:0;
}

a {
text-decoration:none;
color:#d70029;
border:0;
}

a:hover {
color:#000;
text-decoration:none;
}
p
{
	margin:0;
	padding:10px;
}
ul {
	padding:10px;
	margin:5px;
	margin-left:10px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
li
{
	margin:0;
	padding:8px;
}
hr {
	width:95%;
	margin-left:2%;
	float:left;
	color:#d9dadb;
	height:1px
}

h1 {
	color:#000;
	padding:0;
	margin-top:0px;
	font-size:1.6em;
	margin-bottom:2px;
	/*border-bottom:2px solid #000;*/
	text-transform:uppercase;
	font-family:'Helvetica Neue', 'HelveticaNeue', arial, helvetica, sans-serif;
	
}
h2 {
	color:#d70029;
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
	margin:10px 10px 5px;
	margin-top:0px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
}

h3 {
	color:#000;
	font-size:1.4em;
	font-weight:700;
	text-align:left;
	padding-left:0px;
	padding-right:10px;
	margin:20px 0 5px;
	font-family: 'Open Sans', sans-serif;
}

h4
{
	font-size:1em;
	margin:0px;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
 }
.separation {
clear:both;
height:0
}

#global {
position:relative;
padding:0;
width:1010px;
text-align:justify;
margin:0 auto;

margin-bottom:20px;
}
#site {
float:left;
width:990px;
margin:0px;
margin-top:5px;
margin-bottom:30px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
background-color:#FFF;
}
#haut {
float:left;
width:990px;
color:#9d9d9f;
}

.home
{
	float:left;
	width:24px;
	height:26px;
	margin-right:4px;
}
.home img
{
	float:left;
}
.trait
{
	width:100%;
	background:url(../images/elements/2011/trait-contenu.jpg) repeat-x;
	height:2px;
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
}
/* fin test bloc outil nouvelle version */
#espace
{
	width:990px;
	float:left;
	height:20px;
	background:url(../images/elements/2011/echo.png) 400px 2px no-repeat;
}
#contenu {
width:970px;
float:left;
font-size:1.1em;
padding:15px;
padding-bottom:5px;
min-height:400px;
z-index:1;
color:#58585a;
}
#contenu a
{
	font-weight:normal;
}
#ariane {
color:#FFF;
float:left;
margin-left:10px;
width:100%;
}

#ariane a {
color:#FFF;
font-weight:400
}

#ariane a:hover {
text-decoration:underline
}
.contenu-gauche {
float:left;
width:540px;
margin-left:0px;
margin-bottom:0px;
padding-right:20px;
margin-top:5px;
background:url(../images/elements/2011/trait-vertical.jpg) right repeat-y;
}
.contenu-gauche p
{
	padding-left:0px;
	padding-right:0px;
}
.contenu-gauche h2
{
	margin-left:0px;
}
.contenu-gauche a
{
	text-decoration:underline;
}
.contenu-gauche a:hover
{
	text-decoration:none;
}
.contenu-droit {

min-height:170px;
float:left;
width:385px;
margin-bottom:0px;
margin-left:25px;
margin-right:0px;
padding-right:0px;
}
#contenu-full-page
{
	width:100%;
	float:left;
}
a.vignette
{
	border-collapse:collapse;
	float:left;
	padding:0;
	border:1px solid #000;
	margin:7px;
}
a.vignette:hover
{
border:1px solid #999;
}
a.vignette img
{
	float:left;
}
.contenu-droit h2{
color:#000;
margin:0px;
margin-top:5px;
background:url(../images/elements/2011/bordure-agence.png) top left repeat-x;
padding-left:2Px;
padding-top:20px;
margin-bottom:10px;
text-transform:uppercase;
display:inline;
}
.contenu-droit h3{
color:#000;
padding:0px;
margin:0px;
margin-top:5px;
background:url(../images/elements/2011/bordure-agence.png) top left repeat-x;
padding-left:2Px;
padding-top:20px;
margin-bottom:10px;
text-transform:uppercase;
clear:both;
}
.savoir-plus
{
	padding-right:0px;
	text-align:right;
}
.liste-actus p a
{
	background:url(../images/elements/2011/demi-lune-agence.jpg) 5Px 3px no-repeat;
	padding:0px;
	padding-left:15px;
	color:#000;
}

.liste-actus p a:hover
{
	color:#d70029;
}

p.savoir-plus a
{
	margin-top:15px;
	padding:3px;
	color:#FFF;
	font-size:0.9em;
	background:#000 url(../images/elements/2011/fleche-blanche.png) 2px 7px no-repeat;
	padding-left:12px;
	text-decoration:none;
}
 p.savoir-plus a:hover
{
	color:#000;
	background:#FFF url(../images/elements/2011/fleche-noire.png) 2px 7px no-repeat;
	border:1px solid #000;
}
#social
{
	margin-left:5px;
}
#social img
{
	margin-right:17px;
}

#img-cadre {
background-color:#ededee;
border:1px solid #bbbdbe;
margin:5px 0 10px 10px;
padding:5px
}

.couv {
border:1px solid;
text-align:center;
border-color:#A9A097;
margin:10px
}
.publication
{
	width:190px;
	float:left;
	text-align:left;
}

.publication .toclick
{
	float:left;
	border:2px solid #eee;
}
.publication .toclick:hover
{
	border:2px solid #CCC;
}
.publication a p
{
	float:left;
	width:auto;
	color:#000;
	background:url(../images/elements/2011/demi-lune-agence.jpg) 5Px 3px no-repeat;
	padding:0px;
	padding-left:15px;
}
.publication a:hover
{
	text-decoration:underline;	
}
.issuu {
width:100%;
text-align:center;
}
.issuu p
{
	text-align:left;
	
	padding:0px;
}
.issuu p:nth-child(2)
{
		background:url(../images/elements/2011/demi-lune-agence.jpg) 5Px 3px no-repeat;
		padding-left:15px;
}
.issuu p a
{
	color:#000;
}
.issuu p a:hover
{
	text-decoration:underline;
}
.thematique p:hover {
background-color:#d9dadc
}

.encadre {
width:95%;
border:2px dotted #d70029;
padding:10px;
background-color:#EFEEEE;
}


.encadre h3 {
margin-top:5px;
color:#000;
background:none;
padding-left:0
}

#bas {
	float:left;
	width:970px;
}
#bas p{
	text-align:center;
	padding-bottom:0px;
	padding-top:5px;
}
#bas a {
color:#000;
text-transform:uppercase;
padding-right:5px;
font-size:0.7em;
font-weight:bold;
border-right:2px solid #d70029;
}
#bas a:hover
{
	color:#d70029;
}
.red {
color:#F30;
font-weight:700
}
.green {
color:green;
font-weight:700
}

.message-form {
width:100%;
float:left;
margin-top:5px;
margin-bottom:10px;
background-color:#FFF
}
#haut a:hover,#compte a:hover{
color:#000
}
.creativite-encadre {
border:1px solid #d70029;
background-color:#EFEDED;
margin:4px;
background:url(../images/Agence/fond-creativite.jpg);
}
.creativite-encadre h3
{
	margin-top:5px;
}
.li-actus
{
	list-style-type:none;
	text-align:left;
}
.infowindow
{
	width:300px;
	min-height:auto;
	overflow:visible;
}
.liste-agenda
{
	width:50%;
	float:left;
}
.liste-agenda ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}
.liste-agenda ul li
{
	margin:0;
	padding:5px;
	border-bottom:1px dotted #999;
	vertical-align:top;
	display:block;
}
.liste-agenda ul li a
{
	text-decoration:none;
	color:#000;
	display:block;
	
}
.liste-agenda ul li a.normal
{
	color:#000;
	display:inline;
	font-weight:normal !important;
}
.liste-agenda ul li:hover
{
	background-color:#F0F0F0;
	cursor:pointer;
}
.liste-agenda ul li:first-letter
{
	text-transform:upper-case;
}
.liste-agenda ul li a:first-letter
{
	text-transform:upper-case;
}
.liste-agenda ul li.selected
{
	color:#0C0;
	background-color:#F0F0F0;
}
.liste-agenda ul li .infos
{
	width:25%;
	display:inline-block;
}
.liste-agenda ul li .message
{
	width:70%;
	display:inline-block;
	vertical-align:top;
	padding-top:2px;
}
p.lien-outil
{
	background:url(../images/elements/2011/fond-outils.png) top left no-repeat;
	padding-top:20px;
	padding-left:25px;
	z-index:2;
}
p.lien-outil strong
{
	color:#FFF;
	text-transform:uppercase;
	background-color:#E94E1B;
	padding:5px;
	z-index:1000;
	font-weight:normal;
	display:inline;
}
p.lien-outil a
{
	color:#000;
	width:335px;
	background-color:#DCE0EC;
	border:2px dotted #666;
	padding:10px;
	margin-top:-5px;
	margin-left:-10px;
	text-transform:uppercase;
	display:block;
}
p.lien-outil a:hover
{
	text-decoration:underline;
}
.pic
{
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
.stat
{
	min-height:50px;
	float:left;
}
#espace-actu
{
	width:100%;
	height:350px;
	overflow:hidden;
}
#espace-info
{
	width:100%;
	min-height:100px;
}
#espace-favori
{
	width:100%;
	min-height:150px;
}
#espace-calendrier
{
	width:100%;
	min-height:150px;
}
#div_infos_fichier .infos-fichier
{
	float:left;
	width:318px;
}
#div_infos_fichier .infos-telechargement
{
	float:left;
	width:210px;
	background-color:#DDE4EB;
	padding-left:5px;
	padding-right:5px;
	border: 1px solid #AAAAAA;
}