/*
RAPPEL	:
.class	:	pour plusieurs éléments
#id	:	pour élément unique
*/

html, body, ul, table, tr, td {
	margin:0;
	padding:0;
	font: 16px arial,sans-serif;
	font-variant: small-caps;}

/* NAV */
ul#menu{
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #F9EDFF;
	list-style:none;
	text-align:center;}
ul#ss_menu{
	list-style-type: none;}
.ss_menu{
	width:100%;
    margin: 0;
	padding: 10px 2px;
    overflow: hidden;
    background-color: #FEF7FE;
	list-style:none;
	border: 1px solid #F9EDFF;
	border-top: 1px solid #FEDEFB;
	border-left: 1px solid #FEDEFB;
	font: 14px arial,sans-serif;
	text-align: center;
	text-decoration: none;}
li.titre{
	float:left;}
li.sub{
	float:right;}
li a{
	text-align: center;
	padding: 14px 16px;
	margin:0;
	text-decoration: none;}
li a:not(.reche_google){
	display: block;
	color: #000000;}
li a:hover ,
input[type=submit]#menu_contact:hover,
input[type=submit].menu_contact_actif:hover,
.ss_menu:hover{
    background-color: #F4DFFE;}
input[type=submit].menu_contact_actif{
    background-color: #FEE3BA;}
input[type=submit]#menu_contact{
    background-color: #F9EDFF;}
input[type=submit]#menu_contact,
input[type=submit].menu_contact_actif{
	color: black;
	border: none;
	padding: 14px 16px;
	text-decoration: none;
	margin: 0;
	cursor: pointer;
	font: 16px arial,sans-serif;
	font-variant: small-caps;}
	
/* GOOGLE */
li#reche_google{
	text-align:center;}
li#reche_google table{
	max-width:600px;
	width:100%;
	margin:auto;
	background-color:#F0EFF0;
	padding: 14px 16px;
	display:inline-block;
	text-align:center;
	vertical-align:top;}
li#reche_google table td{
	display:inline-block;
	text-align:center;}
a#google_logo{
	background-color: transparent;
	background-image: url("/commun/img/google_logo_76.png");
	background-size: 39px 39px;
	background-repeat:no-repeat;
	background-position:center center;
	height:40px;
	width:40px;
	margin: 8px 5px;
	padding:0;
	display:inline-block;
	text-align:center;}
a#google_logo:hover{
	background-color:transparent;}
input[type=text],
input[type=email]{
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	border: 1px solid #E2E2E2;}
input[type=text]:hover,
input[type=email:hover]{
	border: 1px solid #939294;}
input[type=text]:focus,
input[type=email]:focus{
	border: 1px solid #3391E3;}
input[type=submit]#btnG{
	color: white;
	height:40px;
	width:40px;
	background-color: #4174EA;
	background-image: url("/commun/img/searchicon.png");
	background-size: 39px 39px;
	background-repeat:no-repeat;
	background-position:center center;
	border: none;
	padding: 0;
	text-decoration: none;
	margin: 8px 0;
	cursor: pointer;
	}
input[type=submit]#btnG:hover{
	background-color: #3564C1;
	background-image: url("/commun/img/searchicon_hover.png");}

/* FORM*/
#form_contact{
	background-color:#F0EFF0;
	margin:0;
	padding: 10px 35px;}
.btn_annul{
	padding: 10px 0;}
textarea{
	width:100%;
	max-width:320px;
	height:100px
	}

/* TITRE */
td.titre{
	font-size:18px;
	padding-bottom:10px;
	width: 100%;
	margin:auto;
	text-align: center;
	font-weight: bold;}

/* CONTENU */
caption{
	font-size:18px;
	padding-bottom:10px;}
#table_generale{
	width: 100%;
	margin:auto;
	text-align: center;
	font-weight: bold;}
.div_general{
	display: block;
	margin: auto;}

.div_tableau{
	display:inline-block;
	vertical-align:top;}

.tableau2{
	max-width:216px;
	margin-top:8px;
	margin-right:8px;
	margin-bottom:8px;
	margin-left:8px;}

.tableau3{
	max-width:316px;
	margin-top:8px;
	margin-right:8px;
	margin-bottom:8px;
	margin-left:8px;}

.tableau4{
	max-width:416px;
	margin-top:8px;
	margin-right:8px;
	margin-bottom:8px;
	margin-left:8px;}

.tableau5{
	max-width:516px;
	margin-top:8px;
	margin-right:8px;
	margin-bottom:8px;
	margin-left:8px;}

.tableau6{
	max-width:616px;
	margin-top:8px;
	margin-right:8px;
	margin-bottom:8px;
	margin-left:8px;}