/* @override 
	http://canna.xlim.fr/sites/all/themes/xlim/assets/css/text.css?m4kmj9 */

/* @group 960 */
/*
960 Grid System ~ Text CSS.
Learn more ~ http://960.gs/

Licensed under GPL and MIT.
 */
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Exo);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700);

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	/*	font:  normal 100%/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	*/
font: 12px/1.5 'Titillium Web', sans-serif;
font-weight:400;
}

hr {
	/*  border:  0 #ccc solid;
	
	border-top-width:  1px;
	*/
border: 0px solid #fff !important;
	clear: both;
	height: 0;
	background-color: silver;
	margin: 10px 0 !important;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-weight: 600;
	line-height: 140%;
	font-style: normal;
	font-family: 'Titillium Web', sans-serif;
	margin: 0 0 10px;
	
}
strong{
	font-weight:600;
	font-family: 'Titillium Web', sans-serif;
}
h1 {
	/*25/12*/
	font-size: 1.9em;
	text-transform:uppercase;
	color: #000;	
}
.node-type-these h1 {
text-transform: none;
}

h2 {
	/*23/12*/
	font-size: 2em;
	color: #e52f39;
	clear: both;
}


/*.sidebar h2 {
	/*19/12*!/
	font-size: 1.58333333em;
	color: #3DA4CC;
	clear: both;
}
*/
.content h2.title {
	color: #e52f39;
	background: url(../images/ico/arrow_red.png) no-repeat scroll left center;
	padding-left: 20px;
	text-transform: uppercase;
	margin-top: -5px;
}

h3 {
	/*21/12*/
/*	font-size: 1.75em;*/
	/*15/12*/
	font-size: 1.25em;
	color: #4B463F;
	clear: both;
	font-weight: 600;
}

h3 a {	
	color: #393939;
}
h3 a:hover { 
	color: #e52f39;
}

h4 {
	/*19/12*/
/*	font-size: 1.5833em;*/
	/*14/12*/
	font-size: 1.16666667em;
	color: #e52f39;
	clear: both;
	font-weight: bold;
}

h5 {
/*	/*17/12*!/
	font-size: 1.4166em;*/
	/*13/12*/
	font-size: 1.083333em;
	color: gray;
	font-weight: bold;
}

h6 {
	/*15/12*/
/*	font-size: 1.25em;*/
	/*13/12*/
	color: gray;
	font-size: 1.083333em;
	font-weight: bold;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}

blockquote {
	color: gray;
	font: italic 15px/1.7em Georgia, "Times New Roman", Times, serif;
}

p,dl,hr,ol,ul,pre,table,address,fieldset,figure {
	margin-bottom: 20px;
}
p{
	line-height: 1.6em;
}
/* @end */
/* @group links */
body {
	font-family: 'Titillium Web', sans-serif;
	font-size: 0.95em;
	color: #4B4740;
}

a {
	color: #e52f39;
	text-decoration: none;
}

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

.node-readmore {
	float: none;
	margin: 0;
}

.node-readmore a, .more-link a {
	font-weight: 400;
}
.node-readmore a:before, .more-link a:before{
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #000000;
content:'';
display:inline-block;
margin-right:5px;
}
.node-readmore a:hover, .more-link a:hover {
	color:#000;
	text-decoration:none;
}
.more-link {
	margin-top: 20px;
	float: none !important;
	font-weight: bold;
}

.node-back {
	padding-left: 20px;
	background: url(../images/ico/back.png) no-repeat left center;
	float: right;
	width: 70px;
	text-align: center;
	color: white;
}


.i18n-en .node-back {
	width: 50px;
}

/* @end */
/* @group .tabs */
div.tabs {
	overflow: hidden;
}

ul.tabs {
	margin: 0 0 10px;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	float: left;
	overflow: hidden;
}

ul.tabs li {
	list-style-type: none;
	margin: 0 2px 0 0;
	padding: 0;
	display: inline-block;
	*display: inline; /*IE ONLY*/
position: relative;
	top: 0;
	left: 0;
	zoom: 1;
}

ul.tabs li a {
	text-decoration: none;
	color: #666;
	display: inline-block;
	padding: 9px 15px;
	position: relative;
	top: 0;
	left: 0;
	line-height: 100%;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	font-size: 0.9em;
	zoom: 1;
}

ul.tabs li a:hover {
	background: #fff;
}

ul.tabs li.active a {
	position: relative;
	top: 1px;
	left: 0;
	background: #fff;
	color: #222;
}

/*
.tab-content  {
	
border: 1px solid #efefef;
	
border-left: 1px solid #e5e5e5;
	
clear: both;
	
padding: 20px;
	
margin: 0 0 40px 0;
	
}

 */
/* @end */
/* @group table */
table {
	border-collapse: collapse;
	border: 1px solid #e5e5e5;
	width: 100%;
	margin: 20px 0;
}

thead,tbody {
	margin: 0;
	padding: 0;
}

tr.alt {
	background: #f5f5f5;
}

th,td {
	padding: 5px;
	font-weight: normal;
	vertical-align: middle;
	background-color: white;
}

thead th {
	text-align: left;
	padding: 3px 10px;
	font-size: 0.8em;
	color: #888;
	border-bottom: 1px solid #ddd;
	background: rgb(252,252,252); /* Old browsers */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%);
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%);
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%);
	background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%);
	background: linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* W3C */
}

tbody th {
	background: #f5f5f5;
	text-align: right;
	padding-right: 15px;
	font-size: 0.9em;
	color: #666;
	border-right: 1px solid #e5e5e5;
}

tbody tr.alt th {
	background: #efefef;
}

/* @end */
/* @group form */
input {
	border: 1px solid #ccc;
	font-size: 1em;
	padding: 6px; /*	-moz-border-radius: 5px;
	
	
	*/
background: #fff;

	-webkit-box-shadow: inset 0px 0px 6px #ccc;
	-moz-box-shadow: inset 0px 0px 6px #ccc;
	box-shadow: inset 0px 0px 6px #ccc;
}

input::-webkit-input-placeholder,input:-moz-placeholder,.placeholder {
	color: #bbb;
}

input::-moz-focus-inner {
	border: 0;
}

input[disabled="disabled"],input.disabled {
	color: #999;
	background: #f5f5f5;

	-webkit-box-shadow: inset 0px 0px 2px #ddd;
	-moz-box-shadow: inset 0px 0px 2px #ddd;
	box-shadow: inset 0px 0px 2px #ddd;
}

input.checkbox,input[type="checkbox"] {
	/*	display: inline;
	
	width: auto;
	
	margin: 0 0 10px 0;
	
	padding: 0;
	
	border: 0;
	*/
}

input.radio,input[type="radio"] {
	/*	display: inline;
	
	width: auto;
	
	margin: 0 0 10px 0;
	
	padding: 0;
	
	border: 0;
	*/
}

input.file,input[type="file"] {
	font-size: 0.8em;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

select {
	width: auto;
	margin: 0 0 20px 0;
	line-height: 150%;
	font-size: 1em;
	padding: 3px;
}

textarea {
	width: 97%;
	height: 200px;
	margin: 0 0 20px 0;
	border: 1px solid #ccc;
	padding: 5px;
	font-family: inherit;
	font-size: 0.9em; /*	-moz-border-radius: 5px;
	
	
	*/

-webkit-box-shadow: inset 0px 0px 6px #ccc;
	-moz-box-shadow: inset 0px 0px 6px #ccc;
	box-shadow: inset 0px 0px 6px #ccc;
}

/* @end */
/* @group button */
/* config pager */
/*, .item-list .pager li */
button,a.btn,a.button,input[type="submit"],input[type="reset"],input[type="button"] {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 2px 0 0;
	padding: 8px 13px;
	line-height: 100%; /*	-moz-border-radius: 5px;
	
	
	*/
cursor: pointer;
	width: auto;
	overflow: visible;
	font-weight: normal;
	font-size: 12px; /*Pixels for consistancy*/
	text-shadow: 0 1px 0 #fff;
	color: #666;
	text-decoration: none;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	*display: inline; /*IE ONLY*/
	zoom: 1;
	border: 1px solid #ccc;
	background: rgb(252,252,252); /* Old browsers */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%);
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%);
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%);
	background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%);
	background: linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* W3C */
}

button.disabled,a.btn.disabled,a.button.disabled {
	color: #ccc;
	cursor: default;
	background: #efefef;
}

button.disabled:hover,a.btn.disabled:hover,a.button.disabled:hover {
	border: 1px solid #ccc;
	background: #efefef;
}

button:hover,a.btn:hover,a.button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
	border: 1px solid #bbb;
	background: rgb(252,252,252); /* Old browsers */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%);
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* W3C */
}

button img,a.btn img,a.button img,input[type="submit"] img,input[type="reset"] img,input[type="button"] img {
	display: inline;
	margin: 0;
	vertical-align: middle;
	margin: -10px 10px -5px -5px;
	padding: 0;
}

/* @end */
/* @group #main-content */


/*#main-content */
.node-type-departement #main-content{
	border:1px solid #ddd;
}
.page-node-personnel.node-type-departement #main-content {
	border:0;
}
#main-content .field-name-body {
	padding:10px;
}
ul li {
	/*list-style-image: url(../images/ico/arrow_red_small.png);*/
}
.field-name-body ul li:before {
	content:'> ';
	color:#e52f39;
}

ol li {
	list-style: decimal;
}

.align-right {
	float: right;
	margin: 0 0 10px 10px;
}

.align-left {
	float: left;
	margin: 0 10px 10px 0;
}

#sidebar-left, #sidebar-right, #main {
	font-size:1.1em;
}