/*DEBUT AJOUT POLICE DE CARACTERES*/
@font-face {
    font-family: 'gidoleregular';
    src: url('gidole-regular-webfont.eot');
    src: url('gidole-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('gidole-regular-webfont.woff2') format('woff2'),
         url('gidole-regular-webfont.woff') format('woff'),
         url('gidole-regular-webfont.ttf') format('truetype'),
         url('gidole-regular-webfont.svg#gidoleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*FIN AJOUT POLICE DE CARACTERES (Ajout ci dessus de la police geosanslight, attention, désactiver les personnalisations de font-family dans les différents css, body, h1, p... - Modifié par police Gidole)*/

body {
	height: 100%;
	font-family: gidoleregular, Arial, Helvetica, sans-serif;
}

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 200;
	color: #454545;
}

h3 {
	margin: 0;
	padding: 0;
	font-weight: 300;
	color: #221D1D;
}

h2 {
	margin: 0;
	padding: 0;
	font-weight: 300;
	color: #221D1D;
}

h1 {
	margin: 0;
	padding: 0;
	font-weight: 300;
	color: #221D1D;
}

h2 {
	font-size: 2.35em;
	text-align: justify;
}

ul {
	margin-top: 0px;
}

ol {
	margin-top: 0px;
}

p {
	margin-top: 0px;
}

p {
	line-height: 200%;
}

/*Ajout de mise en forme du texte descriptif*/
p {
	text-align: left;
	color: black;
	font-size: large;
	line-height: 150%;
}

strong {
}

a {
	color: #BA0E8C;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

/*#wrapper {
	width: 1200px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2);
}*/

.container {
	/*width: 980px;MIS EN ATTENTE*/
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header {
}

/* Logo */

#logo {
	color: #000000;
	background: #f29939;
	text-align: center;
}

#logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	margin: 0;
	padding: 0;
}

#logo h1 span {
	color: #1F1F1F;
}

#logo p {
	text-align: center;
	font-size: 16px;
	color: #595959;
}

#logo p a {
	color: #595959;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #1F1F1F;
}

/** MENU */

#menu {
	overflow: hidden;
	height: 50px;
	padding-top: 20px;
	background: #e6e6e6;
	font-size: 20px;
	color: #000000;
}

#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li {
	display: inline-block;
}

#menu a {
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	border: none;
}

/*AJOUT POUR ESPACEMENT MENU*/
#menu .espacement {
	padding-left: 15px;
	padding-right: 15px;	
}
/*FIN AJOUT POUR ESPACEMENT MENU*/

#menu .current_page_item a {
	text-decoration: none;
}

#menu a:hover {
	text-decoration: none;
}

#menu .current_page_item a {
	border-radius: 5px;
	background: #566673;
	color: #FFFFFF;
}

#menu .last {
	border-right: none;
}

/*DEBUT AJOUT COULEURS DES MENUS*/

#menu li.menu1 a:hover /*Menu Accueil*/ {
	background-color : #FFAD39;
	text-decoration: none;
	/*border-bottom: solid #FFAD39;/*AJOUT POUR TEST*/
	color: #e6e6e6;
	
}

#menu li.menu2 a:hover /*Menu Encadrement*/ {
	background-color : #36a7f3;
	text-decoration: none;
	color: #e6e6e6;
}

#menu li.menu3 a:hover /*Menu Décoration*/ {
	background-color : #54977f;
	text-decoration: none;
	color: #e6e6e6;
}

#menu li.menu4 a:hover /*Menu Carterie*/ {
	background-color : #a8769b;
	text-decoration: none;
	color: #e6e6e6;
}

#menu li.menu5 a:hover /*Menu Contact*/ {
	background-color : #cf1717;
	text-decoration: none;
	color: #e6e6e6;
}

#menu li.menu1 {
	/*border-bottom : solid #ffffff;*/
}

#menu li.menu2 {
}

#menu li.menu3 {
}

#menu li.menu4 {
}

#menu li.menu5 {
}
/*FIN AJOUT COULEURS DES MENUS*/


/** PAGE */

#page {
}

/** CONTENT */

#content {
}

/** SIDEBAR */

#sidebar {
}

/* Footer */

#footer {
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	background: #e6e6e6;
}

#footer p {
	margin: 0;
	padding-top: 5px; /*OLD : 20px*/
	line-height: normal;
	text-align: center;
}

#footer a {
	color: #990C73;
}

/* Footer Content */

#footer-content {
	overflow: hidden;
	width: 1100px;
	padding: 50px;
	background: #ECECEC;
	text-shadow: 1px 1px 0px #ffffff;
	color: #666666;
}

#footer-content h2 {
	padding: 0px 0px 30px 0px;
	text-transform: uppercase;
	font-size: 24px;
}

#footer-content #fbox1 {
	float: left;
	width: 600px;
	margin-right: 30px;
}

#footer-content #fbox2 {
	float: left;
	width: 220px;
}

#footer-content #fbox3 {
	float: right;
	width: 220px;
}

/* Three Columns */

#three-columns {
	overflow: hidden;
	width: 1100px;
	margin: 0px auto;
	padding: 30px 50px 30px 50px;
}

#three-columns .content {
	overflow: hidden;
	padding: 0px 0px 50px 0px;
	border-bottom: 1px solid #D4D4D4;
}

#three-columns h2 {
	padding: 0px 0px 20px 0px;
	color: #000000;
}

#three-columns #column1 {
	float: left;
	width: 1100px;
	margin-right: 40px;
}

/*MIS EN ATTENTE #three-columns #column2 {
	float: left;
	width: 290px;
}

/* MIS EN ATTENTE #three-columns #column3 {
	float: right;
	width: 300px;
}

/* Two Columns */

/* MIS EN ATTENTE #two-columns {
	overflow: hidden;
	width: 1100px;
	margin: 0px auto;
	padding: 40px 50px 50px 50px;
}

#two-columns h2 {
	padding: 0px 0px 20px 0px;
	color: #000000;
}

#two-columns #col1 {
	float: right;
	width: 740px;
}

#two-columns #col2 {
	float: left;
	width: 320px;
}*/


/* List Style 1 */

.list-style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list-style1 li {
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #D4D4D4;
}

.list-style1 .date {
	font-weight: bold;
	color: #212121;
}

.list-style1 img {
	float: left;
	margin-right: 25px;
}

.list-style1 .first {
	padding-top: 0px;
	border-top: none;
}


/* List Style 2 */

.list-style2 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	list-style: none;
}

.list-style2 li {
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #D4D4D4;
}


.list-style2 .first {
	padding-top: 0px;
	border-top: none;
}

/*AJOUT POUR PERSONNALISATION DES CARTOUCHES*/

.cartouche {
	font-weight:bold;	
	font-size: 26px;
}

.cartouche .menu1 {
	background: #FF7900;
	color: #ffffff;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 10px;
}

.cartouche .menu2 {
	background: #36A7F3;
	color: #ffffff;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 10px;
}

.cartouche .menu3 {
	background: #54977f;
	color: #ffffff;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 10px;
}

.cartouche .menu4 {
	background: #a8769b;
	color: #ffffff;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 10px;
}

.cartouche .menu5 {
	background: #cf1717;
	color: #ffffff;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 10px;
}

/* ----- Contact Content Styling ----- */
/* ----- Form Styling ----- */
#contact_form {
    width: 480px;
}

#contact_form li {
    font-size: 14px;
    padding: 2px 0px;
}

#contact_form label {
    display: block;
    margin: 12px 0;
}

#contact_form input {
	margin-top: 10px; /*espace entre champs form*/
}

#contact_form textarea:focus {
    border: 1px solid #2aacc8;
	border-radius: 4px;
}

#contact_form input:focus {
    border: 1px solid #2aacc8;
}

#contact_form textarea {
    border: 1px solid #b4bac5;
	border-radius: 4px;
	width: 466px;
	border-color: #f29939;
	padding: 12px 12px 12px 12px;
}

#contact_form input {
    border: 1px solid #b4bac5;
	border-radius: 4px;
	border-color: #f29939;
	padding: 12px 12px 12px 12px;
}

#contact_form input[type="submit"]:hover {
    color: #fff;
}

ol, ul {
	list-style: none;
	padding-left: 0px;
}

/* ----- Form Styling ----- */

fieldset {
    width: 500px;
    margin-left: 0px;
    margin-right: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    padding-top: 0px;
}

#contact_info_left h3 {
	font-size: 25px;
	font-weight: bold;	
}

.titre_contact {
	font-size: 25px;
	font-weight: bold;	
}

.row {
	width: 1100px;
}

.\36u, .\36 u\24 {
	width: 50%;
	clear: none;
	clear: left;
}

form input[type="text"],
form input[type="email"],
form textarea {
	width: 46%;/*47*/
	font-size: 16px;
}

form input[type="button"],
form input[type="submit"]
{
	background-color: #F29939;
	height: 50px;
	font-size: 16px;
	width: 480px;
}

.coordonnees {
	width: 46%;
	border-radius: 4px;
	border-color: #f29939;
	border: 1px solid #f29939;
	height: 162px;
	padding: 12px 12px 12px 12px;
	float: left;
	margin-right:17px;
	font-weight: bold;
}

.coordonnees p {
	font-size: 26px;	
}

.colonneencadrement {
	width: 50%;
	font-size: 18px;	
}

.colonneuniqueencadrement {
	font-weight: bold;
	font-size: 24px;	
}