@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Alegreya+SC:400,700,400italic|Alegreya+Sans:400,700,400italic);

/* Général */

body {
	font-family: 'Alegreya Sans', sans-serif;
	background: #dcdcdc url(../images/fond_page.gif) repeat-x;
	color: #000;
	font-size: 16px;
	margin:0;
	padding:0;
	}
img {
	border:0px;
	margin:0px;
	max-width:100%;
	height: auto;
	}
a:link, a:active, a:visited {
	color:#15579e;
	text-decoration:none;
	}
a:hover {
	color:#000;
	}
hr {
	height: 19px;
	background:url(../images/ligne_hr.gif) no-repeat;
    border: 0;
	width:25%;
	margin:0 auto 0 auto;
}
#container {
	border:solid 0px;
	width:320px;
	margin:auto;
	position: relative;
	}
header {
	vertical-align:top;
	height: 304px;
	}
/*#entete {
	display:none;
	}
#entete_smart {
	vertical-align:top;
	height: 143px;
	position:absolute;
	width:320px;
	z-index:1;
	background:url(../images/haut_smart.jpg) no-repeat;
	}*/
#logo {
	display:none;
}
#logo_smart {
	float: left;
	margin-top:0px;
	width: 100px;
	height:71px;
	position:absolute;
	z-index:2;
}
#reseaux {
	float: right;
	margin:7px 17px 0 0;
	z-index:10;
}
#slider {
	padding-bottom:20px;
	background:url(../images/ombre_slider.png) no-repeat bottom;
	z-index:5;
	width:320px;
}
#slider img{
	display:block;
	border:#d3d1d1 solid 1px;
	width:320px;
}
.erreur {
	color:#cc0000;
	}
.precision {
	color:#666;
	font-size:12px;
	float:left;
	width:650px;
	text-align:center;
	}
.important {
	color:#cc0000;
	font-size:14px;
	}
.importantCentrer {
	color:#cc0000;
	font-size:14px;
	text-align:center;
	}
.enavant {
	font-weight:bold;
	text-align:center;
	}

/* Navigation */
#navBureau {
	display:none;
	}
#navSmart {
	visibility:visible;
	}
#sousnavBureau {
	display:none;
	}
#sousnavSmart {
	visibility:visible;
	}
nav {
	position:absolute;
	padding:0 0 0 0;
	margin-top:104px;
	font-family: 'Alegreya SC', serif;
	text-align:center;
	color:#FFF;
	font-size:19px;
	height:35px;
	
	}
nav ul {
	margin:0px 0px 0px 0px;
		}
nav a:active, nav a:link, nav a:visited {
	text-decoration:none;
	color:#fff;
	}
nav a:hover {
	color:#000;
	}
nav li {
	margin: 10px 0 5px -30px;
	width:300px;
	float:left;
	clear:both;
	text-align:center;
	display : table-cell ;
	vertical-align:middle;
	height:16px;
	}
.menussnav {
	width: 300px;
	border: solid #fff;
	border-width:1px 0 0 0;
	visibility:hidden;
	background-color:#2173bd;
	position:absolute;
	padding:10px;
	font-weight:normal;
	clear:both;
	float:left;
	margin-top:300px;
}
td.menussnav {
	vertical-align:top;
}
li.sousnav {
	display:block;
	float:left;
	clear:both;
	padding:0px;
	margin:0px;
	height:30px;
	width:auto;
}
.sousnav a {
	font-family: 'Alegreya SC', serif;
	color:#fff;
	font-size:16px;
	text-decoration:none;
}
.sousnav a:hover {
	color:#000;
}
.sousnav2 {
	display:block;
	position:relative;
}
#menuTrans {
	width: 400px;
	height:400px;
	visibility: hidden;
	position:absolute;
	z-index:99;
	margin-top:250px;
}
#menuTrans img {
	max-width:100%;
	max-height:100%;
}

/* Corps de page */

section {
	background-color:#fff;
	margin:0px;
	padding-bottom:20px;
	display:table-cell;
	}
section h1{
	color:#000;
	font-size:25px;
	text-align:justify;
	font-weight: bold;
	font-family:'Alegreya SC';
	}
section aside {
	width: 250px;
	background-color:#fff;
	margin:0;
	clear:both;
	}
section aside h1 {
	text-align: center;
	font-size:1.1em;
	}
section aside p {
	color:#000;
	padding:5px 10px 0 10px;
	font-size:0.8em;
	text-align:justify;
	}
section aside .titre {
	color:#fff;
	padding:5px 0 5px 10px;
	background:url(../images/fond_barre_aside.gif) no-repeat;
	font-family: 'Alegreya SC', serif;
	font-size:1.2em;
	}
section aside .connexion2 {
	text-align:center;
	}
section aside .photoG {
	float:left;
	margin-right:10px;
	border:0px;
	}
section aside .photoD {
	float:right;
	margin:7px 10px 0 10px;
	border:0px;
	}
section aside form {
	font-style:italic;
	text-align:right;
	padding-right:10px;
	font-size:0.8em;
	}
section aside input {
	background:#ececec;
	border:solid #ececec;
	margin:0 0 5px 0;
	font-size:1em;
	width:140px;
	}
section aside .bouton {
	background:#ececec;
	border:none;
	margin:0 0 5px 0;
	font-size:1em;
	width:140px;
	}
#actu {
	background: url(../images/fond_actu_smart.jpg) no-repeat;
	padding:10px 25px 10px 30px;
	color:#000;
	width:202px;
	margin:20px 0 0 0;
}
#actu a {
	color:#15579e;
	font-weight:bold;
}
#actu a:hover {
	color:#000;
}
#actu h1 {
	color:#000;
	font-size:30px;
	font-weight:normal;
	margin:0 0 0 10px;
}
#actu h2 {
	color:#15579e;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	width: 250px;
}
#actu p {
	margin:0;
	padding:0 0 0 20px;
}
#ipma {
	clear:both;
	padding:10px 25px 10px 50px;
	color:#000;
	width:202px;
	margin:0;
}
.mise_en_avant {
	text-align:center;
	padding:20px 0;
	}
#visuelHome{
	float:left;
	background:url(../images/ombre_pave_smart.jpg) no-repeat;
	width:266px;
	padding:20px 0 0 20px;
	}
.boutonHome1{
	background:url(../images/fond_bouton_home_smart.jpg) no-repeat;
	width:359px;
	padding:5px 0 0 35px;
	margin:20px 0 0 0;
	height:65px;
	}
.boutonHome1 h1{
	font-size:18px;
	text-align:left;
	margin:0;
	padding:0;
	}
.boutonHome1 h2{
	font-size:13px;
	text-align:left;
	margin:0;
	padding:0;
	font-weight:normal;
	}
.boutonHome1 a:link {
	color:#000;
	}
.boutonHome1 a:hover {
	color:#15579e;
	}
.boutonHome1 a:visited {
	color:#000;
	}
.boutonHome{
	background:url(../images/fond_bouton_home_smart.jpg) no-repeat;
	width:359px;
	padding:5px 0 0 35px;
	height:65px;
	}
.boutonHome h1{
	font-size:18px;
	text-align:left;
	margin:0;
	padding:0;
	}
.boutonHome h2{
	font-size:13px;
	text-align:left;
	margin:0;
	padding:0;
	font-weight:normal;
	}
.boutonHome a:link {
	color:#000;
	}
.boutonHome a:hover {
	color:#15579e;
	}
.boutonHome a:visited {
	color:#000;
	}
.boutonHomeLocked{
	background:url(../images/fond_bouton_home_locked_smart.jpg) no-repeat;
	width:359px;
	padding:5px 0 0 35px;
	height:65px;
	}
.boutonHomeLocked h1{
	font-size:18px;
	text-align:left;
	margin:0;
	padding:0;
	}
.boutonHomeLocked h2{
	font-size:13px;
	text-align:left;
	margin:0;
	padding:0;
	font-weight:normal;
	}
.boutonHomeLocked a:link {
	color:#000;
	}
.boutonHomeLocked a:hover {
	color:#15579e;
	}
.boutonHomeLocked a:visited {
	color:#000;
	}
#bas_accueil {
	background-image:url(../images/visuel_accueil_bas.jpg);
	background-repeat:no-repeat;
	width:610px;
	padding:0px 30px 0px 360px;
	margin: 0px;
	min-height:328px;
	}
.accueil {
	margin-top: 10px;
	}
.accueil p {
	padding-left: 0px;
	padding-right: 0px;
	}
.separation {
	margin:0;
	text-align:center;
	}

article {
	width:320px;
	padding-right: 10px;
	text-align: justify;
	padding: 0px;
	display:block;
	clear:left;
	}

article p {
	margin:0 20px 10px 20px;
	line-height:24px;
	overflow:auto;
	}
article h1 {
	padding: 0;
	margin:10px 0;
	font-size: 25px;
	color: #000;
	font-weight: bold;
	font-family: 'Alegreya SC', serif;
	text-align:center;
	}
article h2 {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	padding:0 0 0 20px;
	width: 280px;
	text-align:left;
	}
article h2 a {
	color: #0b3064;
	}
article #soustitre{
	font-size:16px;
	color:#848484;
	font-family: 'Alegreya Sans', sans-serif;
	float:left;
	width:100%;
	text-align:center;
	}
article #presentation{
	float:left;
	width:100%;
	}
article #presentation h2{
	text-align: center;
	margin:10px 0;
	padding: 0;
	}
article #contenu{
	float:left;
	width:100%;
	}
article #contenu h2{
	text-align: center;
	margin:10px 0;
	padding: 0;
	}
#actualite {
	min-height:initial;
}
#actualite p {
	margin: 0px 0px 10px 0px;
}
#actualite h2 {
	margin: 0px 0px 10px 0px;
}
article h3 {
	margin:0;
	padding:0 0 20px 20px;
	font-size: 18px;
	color: #d06e2b;
	font-weight: bold;
	width: 280px;
}
article h4 {
	margin:10px 0 10px 75px;
	margin-top: 10px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
article .orange {
	color: #e85446;
}
article .vert {
	color: #8ebc22;
}
article .photoG {
	float:left;
	margin-right:10px;
	border:0px;
	}
article .photoD {
	float:right;
	margin-left:10px;
	border:0px;
	}
article .chapeau {
	font-size: 14px;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:bold;
	padding:0;
	margin:0;
	}
article ul {
	margin: 0 0 0 25px;
	padding: 0 0 0 15px;
	width:260px;
}
article ul ul {
	margin: 0 0 0 10px;
}
article li {
	background-image: url(../images/puce.png);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 15px;
	margin-left: -20px;
	padding-bottom: 8px;
}
#chemindefer {
	display:inline-block;
	width:640px;
	font-size:12px;
	padding:25px 0 0 50px;
	}
.FdStyle0 {
	color: #FFF;
	background-color: #000;
	text-align:center;
	padding:10px;
}
.FdStyle1 {
	color: #FFF;
	background-color: #add1ec;
	padding:10px;
}
.FdStyle3 {
	color: #FFF;
	background-color: #15579E;
	text-align:center;
	padding:10px;
}
.FdStyle2 {
	color: #000;
	background-color: #dceaf5;
	padding:10px;
}
.FdStyle4 {
	color: #000000;
	background-color: #990000;
	padding:10px;
}
article .plan {
	width:100%;
	text-align:center;
	}
article .plan_smart {
	display:none;
	width:100%;
	text-align:center;
	}
#accroche {
	padding: 1px 0 0 0;
	margin-bottom:-20px;
	text-align: center;
	font-size: 1.5em;
	font-style: italic;
	color: #000000;
	font-weight: bold;
	font-family: "Philosopher";
	}
#accroche2 {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 1.4em;
	font-style: italic;
	color: #666;
	width: 70%;
	display: inline-block;
	}
footer {
	font-size:0.8em;
	padding:10px 0;
	text-align:center;
	color:#666666;
	}
footer a {
	color:#666666;
	text-decoration:none;
	}
footer a:hover {
	color:#e7501e;
	}
footer #bureau {
	display:none;
	}
footer #smart {
	display:visible;
	}
	footer p {
	padding:5px 0 0 0;
	}

.date {
	padding:10px;
	text-align:center;
	}
/* Formulaire */

.bouton {
	background:#FFFFFF;
	border:#FFFFFF solid 1px;
	font-size:1.2em;
	color:#e7501e;
	font-family:"Alegreya Sans";
	font-weight:bold;
	}
.bouton2 {
	background:#666666;
	border:#FFFFFF solid 1px;
	font-size:1em;
	color:#FFF;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:bold;
	padding:5px;
	}
label {
text-decoration: none;
	color: #000;
}


/* The pointer image is added by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
}

#flagsLanguage img {
    padding: 3px;
    margin-bottom: -4px;
}

#flagsLanguage .selected_language {
    border: 1px solid #BBB;
    padding: 2px;
    margin-bottom: -4px;
}

.disable, .disable:hover {
 	background-color: #CCCCCC;
 	color: #AAAAAA;
}
/* Partage réseaux sociaux */
.partage {
	margin:10px 0 10px 25px;
}
.partage img {
	margin:5px 0 -4px 0;
}

/* Contact */
#contact {
	width:320px;	
	background-color:#efefef;
	display:table-cell;
	padding:20px 0;
}
#contact .contact2 {
	display:block;
	clear:both;
	width:320px;
	text-align:center
	}
#contact .contact3 {
	display:block;
	clear:both;
	width:320px;
	text-align:center;
	padding:10px 0;
	}
#contact label {
	display:block;
	margin:auto;
	float:left;
	clear:both;
	width:300px;
	text-align:center;
	padding:0 10px;
	font-weight:bold;
}
#contact .donnee {
	width:400px;	
	display:inline-block;
	float:left;
	margin:10px;
}
#contact select {
	width:300px;	
	display:inline-block;
	float:left;
	margin:0 10px;
	border:#FFFFFF solid 1px;
}
#contact input {
	width:296px;
	margin:10px;
	border:#FFFFFF solid 1px;
	clear:both;
}
#contact .input2 {
	float:none;
	margin:0;
	clear:left;
	width:296px;
	border:#FFFFFF solid 1px;
	background-color:#fff;
}
#contact .input3 {
	float:none;
	clear:both;
	background:#FFFFFF;
	border:#FFFFFF solid 1px;
	font-size:1.2em;
	color:#d06e2b;
	font-family:"Philosopher";
	font-weight:bold;
	width:100px;
}
#contact textarea {
	width:296px;	
	display:inline-block;
	float:left;
	margin:10px;
	border:#FFFFFF solid 1px;
}
#contact .checkbox {
	float:left;
	margin:10px;
	text-align:left;
	width:10px;
}
#contact .donnee {
	width:320px;	
	clear:both;
	float:left;
	margin:10px 0;
}
/* Animations*/
#animations {
	display:visible;
	padding:0;
	width:1000px;
	text-align:center;
}
#animations p {
	text-align:left;
}
.titSelect {
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#animationsSmart {
	display:visible;
	text-align:center;
	width:320px;
}
/* Téléchargements*/
#tele {
	display:none;
}
#teleSmart {
	width:320px;
}
/* Planning*/
#planning {
	padding:0;
	width:320px;
}
#planDesktop {
	display:none;
	}
#planSmart {
	display:visible;
	}
/* Préinscription*/
#preinscription {
	padding:0 0px 20px 0px;
	width:320px;
}
#preinscription #contact {
	padding:10px 0;
	width:320px;	
	background-color:#efefef;
	float:left;
	margin:0;
}
#preinscription #contact .contact3 {
	display:block;
	clear:both;
	width:320px;
	text-align:center;
	padding:10px 0;
	}
#preinscription #contact input {
	width:300px;	
	display:inline-block;
	margin:10px;
	border:#FFFFFF solid 1px;
}
#preinscription #contact .input2 {
	width:300px;	
	margin:10px;
	border:#FFFFFF solid 1px;
}
#preinscription #contact .input3 {
	float:none;
	clear:both;
	background:#FFFFFF;
	border:#FFFFFF solid 1px;
	font-size:1.2em;
	color:#d06e2b;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:bold;
	width:100px;
}


/* help boxes */
.hint {
	display: none;
	position: relative;
	left: 0px;
	margin-top: 4px;
	margin-bottom: 2px;
	border: 1px solid #50B0EC;
	padding: 8px 6px 8px 34px ;
	color: #383838;
	background: #DDE9F7 url(../img/admin/help2.png) no-repeat 6px 5px;
}

/* The pointer image is added by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
}