@import url('__bootstrap.css');
/*@import url('spip.css');*/


/*
- ajout d'un google play
- ajout du twitter
- mise en page des articles
- footer
- remonter le titre dans le header
- recadrer les images
- prendre des nouvelles images pour la documentation
- mettre les coordonnées techniques spip
- ajouter des hovers pou les cartes
- ajouter le slideshow
- mettre le champ de recherche et recadrer le menu
- mettre de l'ombre sur le titre


*/

/* Articles - Revue de presse */
article h3 {
}

body {
	font-family:Georgia,Cambria,Times New Roman,Times,serif;
	font-size:16px ;
	line-height: 22px;
	background-image:url("../img/bg.jpg");
}
.nav_rub {
	font-family: "Gill Sans MT","Gill Sans",GillSans,Helvetica,sans-serif;
	font-size: 20px;
}


a {color:#551A8B;}
#banner h1 { margin-top: 10px; text-shadow:white 0 1px 1px;}
#connection { float:right; }
#banner, footer { 

		background: #eee url(../img/bg.png) -25% 0 repeat;
/*background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); 
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); 
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );*/

};
nav {}
#call-to-action { background-color: white; padding-bottom: 1em;}
.carousel-control {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.carousel-caption {
	  background: #551A8B;
 	background: rgba(255, 255, 255, 0.65);
}

.carousel-caption h4 {
	color: #551A8B;
	text-transform:uppercase;
}
#content {
	padding-top: 25px;
	background-color: white;

}
/* Margin à corriger*/
#container {background-color: white; /*margin-top: -21px;padding-top: 20px;*/}
footer {background-color: grey; border-top:1px dotted #551A8B;}


/*h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{display:block;margin:0;padding:0;font-size:100%;font-weight:400}*/
h1 {font-family:"Gill Sans MT","Gill Sans",GillSans,Helvetica,sans-serif;color:#551A8B;font-size:32px;padding:0 0.4 em 0 .4em;text-transform:uppercase;line-height:32px}
h2,.h2{color:#9a0d53;font-size:1,4em;line-height:1em;margin-bottom:0;margin-top:5px;text-align:left}

h3 a,h2 a,strong a,.mots a{font-family:"Gill Sans MT","Gill Sans",GillSans,Helvetica,sans-serif;font-size:18px;text-decoration:none;margin-top:3px;line-height:20px;font-weight:400;text-transform:uppercase}
h3 a:hover,h2 a:hover {border-bottom:1px dotted #551A8B;text-decoration:underline}
h2 {border-bottom:1px dotted #9A0D53; margin-bottom: 1em;}
h3 { margin-top:8px;margin-bottom:0px;}
time,acronym[title]{border-bottom:.1em dotted;cursor:help}

#villes>ul {list-style:none;padding:0px;}
#villes>ul>li {padding-bottom:1em;}

/* ARTICLE*/
article {margin-bottom: 10px;}
.dotted {width:100px;border-bottom:1px dotted #551A8B; margin-left: 35%;}
article a {}
article h3 {margin-bottom: 5px;}
article p { margin:0px; }
article time {/*float:right;*/}
blockquote {
    text-align:justify;
    padding-left:10px;
    ncolor:#900;
    border-left:5px solid #BBB;
    margin-left: 50px;  
    nborder-right:1em solid #BBB
}
.arbo, .arbo a {font-size:12px;color:#999}
.article .aside .menu {padding-right: 1em;}

/*PROJET*/
#projets time {float:right;}
#projets p {margin: 5px 0px;}

footer	{padding-top: 15px;padding-bottom: 20px;}
footer h3 {padding-bottom: 15px;}

/* SOUS-SURVEILLANCE CSS */
nav{height:50px;/*width:100%;*/background:#FAFAFA;border-bottom:1px solid #DDD;box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);z-index:4}
nav>div{display:table;height:50px}
nav>div>ul{display:table-row;height:50px;overflow:hidden}
nav>div>ul>li{display:table-cell;/*width:2%*/;vertical-align:top}
nav>div>ul>li .logo{width:24px;margin:0;display:block;margin-right:5px;float:left;overflow:hidden}
nav>div>ul>li .logo img{margin:0;height:auto;width:24px;float:left}
nav>div>ul>li #logo_home {margin-left:5px;}
nav>div>ul>li .descriptif{display:block}
nav>div>ul>li .nav_rub{display:inline-block; margin-right: 1em;}
nav li .sous-menu{padding:10px}
nav li.accueil,#nav li.header-recherche{width:1%}
nav li.header-recherche a{padding:10px 10px 10px 0;display:none}
nav li.header-recherche{text-align:center}
nav li.header-recherche .bt-recherche{display:none}
nav .descriptif{font-family:Cambria,Georgia,serif;font-size:13px;text-transform:none;line-height:100%;color:#666}
nav li > a{height:50px;display:block;width:100%;font-weight:400;text-decoration:none;padding:10px;border:1px solid #DDD;border-top:none;border-right:none}
nav .on a,#nav a:hover{background:#FFF}
nav li.on{border-bottom:none}
nav a .logo{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
nav .on a .logo,#nav a:hover .logo{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
nav li.login .sous-menu{position:fixed;top:50px;left:0;bottom:0;width:100%;background:#FFF;box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);z-index:4;width:100%;display:none;text-align:left}
nav li.login .sous-menu{padding:0}
nav li.login .sous-menu-contenu{background:#FFF;display:inline-block;width:100%;padding:10px}
nav li.login .sous-menu-contenu > div{width:50%;min-width:300px;float:left;padding:10px 20px;border-right:solid 1px #DDD}
nav li.login{width:0.1%;min-width:48px}
nav li.login a{text-align:center}
nav li.login .logo{width:auto;text-align:center;display:inline-block;float:none}
nav li.login .logo img{margin:0}
nav li.login .sous-menu h2{margin-bottom:10px}
nav li.login .sous-menu-contenu > div:last-child{border:0}
nav li.login .sous-menu form{max-width:300px}
nav li.login .sous-menu form input[type="text"],#nav li.login .sous-menu form input[type="password"]{width:100%}
nav li.login .sous-menu form,#nav li.login .sous-menu p{font-size:12px;line-height:16px;font-family:"Helvetica Neue",Helvetica,Verdana,sans-serif}
nav li.login .sous-menu legend.mode,#nav li.login .sous-menu p.mode{display:none}
nav li.login .sous-menu{background:rgba(0,0,0,0.4);overflow:auto!important}
nav li.login .sous-menu a.bouton{margin:20px;padding:5px 10px;color:#DDD;font-family:Verdana,sans-serif;font-size:12px;text-decoration:none;white-space:nowrap;border-radius:5px;background:#111;background:-moz-linear-gradient(center top,#333 30%,#000 90%) repeat scroll 0 0 #111}
nav li.login .sous-menu a.bouton:hover{color:#FFF}
/*
#formulaire_recherche input.submit{border-top-right-radius:5px;border-bottom-right-radius:5px;background:-moz-linear-gradient(center top,#333 30%,#000 90%) repeat scroll 0 0 #111}
#formulaire_recherche label{display:none}
#formulaire_recherche input{vertical-align:top;font-size:14px;line-height:18px;margin:0;padding:4px}
#formulaire_recherche input.text{width:130px;background:#EEE;color:#999;border:none;margin-right:-5px}
#formulaire_recherche input.submit{width:30px;border:none;color:#fff;background:#333}
#formulaire_recherche input.submit::-moz-focus-inner{border:0}
#formulaire_recherche input.submit:focus{outline:solid 1px blue}*/