@import url("reset.css");

/**
 * Generic styles
 */
body {
	background: #FFF;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, cursive, sans-serif;
	font-size: 16px;
        margin-top:0;
}
h1, h2, h3 { 
	margin: 20px 0 10px 0;
}
h4, h5, h6 {
	margin: 10px 0;
}
h1 { font-size: 1.6em; }
h2 {
	font-size: 1.4em;
	border-bottom: 1px solid;
}
h3 {
	font-size: 1.3em;
	text-decoration: underline;
}
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
p {
	line-height: 1.1em;
	margin: 10px 0;
}
a {
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
strong { font-weight: bold; }
em { font-style: italic; }
code { font-family: "Lucida Console", Courier, monospace; }
blockquote {
	border-left: 2px solid #733D17;
	margin: 10px;
	padding-left: 10px;
}
ul {
	list-style: disc inside;
	margin-left: 0px;	
}
pre {
	margin: 10px 0px;
	padding: 0px;	
}
dt { font-weight: bold; }
dd {
	display: list-item;
	list-style: circle inside;
	margin-bottom: 10px;
}

/**
 * Notices and Errors 
 */
div.message {
	color: #E31B25;
	font-size: 20px;
        text-align: center;
	margin: 1em 0;
}
div.error-message {
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 1.4em;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/**
 * Other generic markup
 */
.paging {
	margin: 1em 0;
}
.actions {
	border-top: 1px solid #331E09;
	line-height: 1.2em;
	margin: 15px auto 10px auto;
	padding-top: 10px;
}
/**
 * Tables
 */
table {
	border: 1px solid #FFF;
	border-collapse: collapse;
	width: 98%;
	margin: 20px auto;
}
table th {
	border: 1px solid #FFF;
	font-size: 1.1em;
	font-variant: small-caps;
	padding: 10px;
}
table th a { color: #D9C271; }
table td { padding: 5px 10px; }


/**
 * Forms
 */
.input {
	clear: left;
	min-height: 2em;
	line-height: 2em;
	margin-bottom: 5px;
}
.input input, .input select {
	color: #000;
	font-size: 1.1em;
	padding: 5px 10px;
	width: 300px;
}

.input label {
	clear: left;
	display: block;
	float: left;
	width: 120px;	
}
.input label:after, .radio legend:after { content: ":"; }
.checkbox label:after, .radio label:after { content: ""; }
.checkbox label, .radio label {
	clear: right;
	float: left;
	margin: 0 20px 0 2px; 
	width: auto;
}
.checkbox input, .radio input {
	float: left;
}
.radio fieldset {
	display: block;
	overflow: hidden;	
}
.submit input {
	color: #000;
	cursor: pointer;
	font-size: 1.1em;
	letter-spacing: 1px;
	margin: 10px 0;
	padding: 5px 10px;
}

.ckeditor table tr:hover {
	background: inherit;	
}

/**
 * Layout 
 */
#container {
	margin:  auto;
	padding: 7px;
	width: 1024px;
}

#header {
	background: #733D17 url('../img/bandeau-sisam.jpg') no-repeat;
        height:150px;
	color: #D9C271;
	overflow: hidden;
	text-align: center;
}

	#header #title a {
		background: #331E09;
		border: 3px double #D9C271; 
		color: #D9C271;
		display: none;
		font-size: 1.8em;
		font-variant: small-caps;
		letter-spacing: 2px;
		margin: 0 auto 20px auto;
		padding: 10px 30px;
		width: 80%;
	}
	#header #title a:hover {
		background: #542E08;
		text-decoration: none;
	}
        #menu {
            background: url('../img/fond_menu.gif') no-repeat;
            margin-top:2px;
            height:37px;
        }
	#menu #nav {
		list-style: none;
    width:100%;
		margin: 0px;
		padding:0;
		overflow: hidden;
	}

        #menu #nav #Contact{margin-left:25px;}
        #menu #nav #Espace_Partenaires{margin-left:20px;}
        #menu #nav #Liens{margin-left:210px;}

		#menu #nav li { float: left; width:auto;min-width:180px;text-align:center;padding-left:5px;display: inline;}
			#menu #nav li a, #menu #nav li span {
				color: #FFFFFF;
				display: block;
				font-variant: small-caps;
				font-weight: bold;
				height: 1.5em;
				line-height: 1.5em;
				padding: 5px 15px;
			}
			#menu #nav li a:hover, #menu #nav li.active a {
				border-bottom: 0px;
				text-decoration: underline;
			}
			#menu #nav li.active a {
				border-bottom: none;
				padding: 5px 15px 6px 15px;
			}
	#menu .languages {
		float: right;
		list-style: none;
		overflow: hidden;
	}
		#menu .languages li {
			float: left; 
			height: 1.5em;
			line-height: 1.5em;
			margin-left: 10px;
			opacity: 0.6;
		}
		#menu .languages li:hover { opacity: 1; }
		#menu .languages li.selected { opacity: 1; }

 .hr_left{background: url(../img/whiteLeft.gif) no-repeat;height:13px;width:140px;margin:auto;}
 .hr_right{margin-left:-8px;background: url(../img/whiteRight.gif) no-repeat;height:13px;width:736px;}

#footer {
	color: #000;
	clear: both;
	padding: 5px 10px;
	font-size: 0.8em;
	font-variant: small-caps;
	letter-spacing: 1px;
	line-height: 0.8em;
	text-align: center;
}
	#footer a {
		color: #FFF;
		letter-spacing: 0px; 
	}

#wrap {background: #2A66A7 url(../img/fond_vert_menu.gif) repeat-y;width:100%;height:100%;margin:0;padding:0;overflow:auto;}
        #vert_menu{
        width:220px;
        min-height:600px;
        height:100%;
        float:left;
        text-align:center;
        font-weight:bold;
}

#vert_menu a {color: #000;}
#vert_menu ul {margin:0;padding:0;}
#vert_menu #vert_nav {width:182px;margin: auto;font-size:11px;position:relative;}
#vert_menu #vert_nav li {
    background: url(../img/menuTop.gif) no-repeat;
    line-height:32px;
    list-style: none;
}


#vert_menu #vert_nav ul li {
    /*display:none;*/
    background: url(../img/ssMenu.gif) no-repeat;
    line-height:19px;
}

#vert_menu #contact {width:79%;margin:auto;background: white;padding:5px;color: #000;font-weight: bold;}

#content h1{text-align:center;font-size:24px;}
#content {
	background: url(../img/fond_contenu.gif) repeat-y;
        width:720px;
        min-height:600px;
        float:right;
	margin: 0;
        /* overflow: auto; */
	overflow: auto; /* Pour la barre de défilement en Admin sur ckEditor */
	padding: 0 45px 0 35px;
	font-size:14px;
}

#content .contents table,
#content .contents thead,
#content .contents tbody,
#content .contents tr,
#content .contents th,
#content .contents td {

    vertical-align: top;
}

#content img{border:none;}
	#content ul li {
		margin: 5px 0;
	}
	/* List + form for admin pages */
	#content ul#leftList {
		background: #D9C271;
		border: 1px solid #733D17;
		float:left;
		list-style: none;
		width: 200px;
	}
		#content ul#leftList li {
			height: 1.7em;
			line-height: 1.7em;
			margin: 2px 1px;
		}
		#content ul#leftList li a {
			background: #733D17;
			color: #D9C271;
			display: block;
			text-align: center;
		}
		#content ul#leftList li a:hover {
			background: #542E08;
			color: #DED2A6;
			text-decoration: none;
		}
		#content ul#leftList li.highlighted a {
			background: #331E09;
		}
	#content #formPlaceholder {
		margin-left: 230px;
	}

	#content #contenu{
		margin:0;
		font-size:12px;
		background: url('../img/barre_metal.gif') center repeat-y;
	}
	#content #contenu .clear{
		clear: both;
	}
	#content #contenu .separateur{
		background: url('../img/whiteRight.gif') no-repeat;
		width: 361px;
		height: 13px;
		position: relative;
		top: 10px;
	}
	#content #contenu .separateur_right{
		background: url('../img/whiteRight.gif') no-repeat;
		width: 361px;
		height: 13px;
		float: right;
		right: -7px;
		position: relative;
		top: -3px;
	}
	#content #contenu .illustration{
		float: left;
		margin-bottom: 20px;
		border: 2px solid white;
	}
	#content #contenu p{
		width: 210px;
		float: right;
	}
	#content #contenu h3{
		font-size: 20px;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 20px;
		text-decoration: none;
	}

/**
 * Admin sortable menus
 */
.menu #children {
	background: #D9C271;
	border: 1px solid #733D17;
	list-style: none;
	margin: 10px auto;
	padding: 5px 10px;
	width: 70%;
}
	.menu #children li {
		padding: 5px 10px;
	}
	.menu #children li:hover {
		border: 1px dashed #733D17;
		cursor: move;
		background: #DED2A6;
		padding: 4px 9px;
	}
	
/**
 * Form language switcher
 */
ul.input-switcher {
	border-bottom: 1px solid #733D17;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
}
	ul.input-switcher li { float: left; }
		ul.input-switcher li a {
			background: #D9C271;
			border: 1px solid transparent;
			display: block;
			margin: 0 5px 0 0;
			padding: 5px 10px;
			opacity: 0.5;
			text-decoration: none;
		}
		ul.input-switcher li.active a, ul.input-switcher li a:hover { border-color: #733D17; }
		ul.input-switcher li.active a { opacity: 1; }
		ul.input-switcher li a:hover { opacity: 0.8; }


.separateur{margin-left:-7px;}
/*.devis{width:50%;margin:auto;text-align:center;}*/

#breadcrumb{font-weight: bold;font-size:14px;}
.encart_devis{width:30%;background:red;border: 2px solid white;padding:15px;margin:auto;}
.encart_devis#small{width:95px;padding:7px;clear:both;margin-bottom: 10px;}
.encart_devis a{width:100%;margin:auto;color:#000;text-decoration:none;}
.encart_devis a:hover{color:#FFF;}

/* HOME */
.accueil_left{
	width: 345px;
	float: left;
	padding-top: 15px;
}
.accueil_left.col_right{
	width: 345px;
	float: right;
	padding-top: 0;
}
.cake-sql-log{background:black;}

/* BUG CKEDITOR EN ADMIN */
.cke_contents #content { overflow: auto;}