/****************************************/
/*                                      */
/*         Created by DiLaSoft          */
/*                 2014                 */
/*                                      */
/****************************************/
/*                                      */
/*   1. Général                         */
/*   2. Header                          */
/*   3. Col gauche                      */
/*   4. Col droite                      */
/*   5. Footer                          */
/*   6. Formulaires                     */
/*   7. Boutons                         */
/*   8. Tipsy                           */
/*   9. Popup                           */
/*   10. Wysiwyg                        */
/*                                      */
/****************************************/


@import url(fontsheet.css);
@import url(base_specific.css);



/*==============================================================*/
/*                         1. Général                           */
/*==============================================================*/

*{
/*	padding:0;
	margin:0; */
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
	padding:0;
	margin:0;
}

body {
	background: #fff;
	padding: 0;
	margin: 0;
	color: #000;
	font: 13px 'open_sansregular', Arial, Helvetica, sans-serif;
}

a {
	color: #000;
	text-decoration: underline
}
a:hover {
	color: #000;
}

a {
	outline: none;
}
:focus {
	outline: none;
	-moz-outline-style: none;
}

object, embed {
	outline: 0;
}

.cl {
	clear: both
}
.cl1 {
	clear: both;
	height: 1px;
}
.fl_g {
	float: left;
}
.fl_d {
	float: right;
}
h1 {
	color: #404b56;
	font-size: 30px;
	margin: 5px 0 20px;
}



/*========================================================================*/
/*                              2. Header                                 */
/*========================================================================*/

#header {
	position: relative;
}




/*========================================================================*/
/*                            3. Col gauche                               */
/*========================================================================*/

#col_gauche {
	position: relative;
}



/*========================================================================*/
/*                            4. Col droite                               */
/*========================================================================*/

#col_droite {
	position: relative;
}



/*========================================================================*/
/*                               5. Footer                                */
/*========================================================================*/

#footer {
	position: relative;
}




/*========================================================================*/
/*                            6. Formulaires                              */
/*========================================================================*/

[disabled] {
}
.formulaire8 {
	margin: 1px;
	height: 16px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #555;
	border: solid #b0907d 1px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius: 3px;
}
.formulaire81, .normal, .focus {
	margin: 1px;
	height: 14px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #555;
	border: solid #ccc1ba 1px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius: 3px;
}



/*========================================================================*/
/*                         7. Notifications                               */
/*========================================================================*/


.notification {
	position: relative;
	margin: 0 10px 15px 10px;
	padding: 0;
	border: 1px solid;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
	width: 97%;
	}
.attention {
	background: #fffbcc url('../imgs/ico_notif_warning.png') 10px 11px no-repeat;
	border-color: #e6db55;
	color: #666452;
	}
.information {
	background: #dbe3ff url('../imgs/ico_notif_info.png');
	border-color: #a2b4ee;
	color: #585b66;
	}
.success {
	background: #d5ffce url('../imgs/ico_notif_ok.png');
	border-color: #9adf8f;
	color: #319731;
	}

.error {
	background: #ffcece url('../imgs/ico_notif_error.png');
	border-color: #df8f8f;
	color: #665252;
	}
.notification div {
	display:block;
	font-style:normal;
	padding: 10px 10px 10px 36px;
	line-height: 1.5em;
	}
.notification .close {
	color:#990000;
	font-size:9px;
	position:absolute;
	right:5px;
	top:5px;
	}



/*========================================================================*/
/*                               8. Tipsy                                 */
/*========================================================================*/

.tipsy { 
	padding: 10px; 
	font: bold 11px Arial, Helvetica, sans-serif; 
	opacity: 0.80; 
	filter: alpha(opacity=80); 
	background-repeat: no-repeat;  
	background-image: url(../imgs/tipsy.gif);
}
.tipsy-inner { 
	padding: 5px 8px 4px 8px; 
	background-color: #000; 
	color: white; 
	max-width: 200px; 
	text-align: center; 
}
.tipsy-inner { 
	border: solid 1px #000;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px;
}
.tipsy-north { 
	background-position: top center; 
}
.tipsy-south { 
	background-position: bottom center;
	padding-bottom: 5px;
}
.tipsy-east { 
	background-position: right center; 
}
.tipsy-west { 
	background-position: left center;
}



/*========================================================================*/
/*                               9. Popup                                 */
/*========================================================================*/

.pop {
	font: 10px Arial, Helvetica, sans-serif;
	color: #555;
	text-transform: uppercase;
}
.pop_body {
	background: #fff;
	margin-top: 20px;
}
.pop_close {
	float: right;
	margin-right: 3px;
	width: 13px;
	cursor: pointer;
	text-align: center;
	border: transparent 1px solid;
}
.pop_close:hover {
	border: #fff 1px solid;
}
.pop_div {
	/*behavior: url(css/border-radius.htc); */
	border: solid #ccc1ba 1px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3); 
	background: #fff;
	margin: 0 auto;
}

#fd_gris {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #666666 50% 50% repeat; 
	opacity: .60;
	filter: Alpha(Opacity=60);
	display: none;
	z-index:10;
}
.pop_content {
	border: solid #ddd 1px;
	background-color:#fafafa;
	padding: 5px;
}



/*========================================================================*/
/*                              10. Wysiwyg                               */
/*========================================================================*/

h1.h1_noir,
h1.h1_noir a,
.texte_noir {
	color: #000;
}
h1.h1_blanc,
h1.h1_blanc a,
.texte_blanc {
	color: #fff;
}
h1.h1_violet,
h1.h1_violet a,
.texte_violet {
	color: #6e194b;
}
h1.h1_orange,
h1.h1_orange a,
.texte_orange {
	color: #ff5400;
}
h1.h1_rouge,
h1.h1_rouge a,
.texte_rouge {
	color: #fff;
}