@import url(reset.css);
@import url(ssu-home.css?v=130411);
@import url(ssu-activites.css?v=160330);
@import url(ssu-formated.css);
@import url(ssu-forms.css?v=150615);
@import url(../fonts/stylesheet.css);

/** BALISE HTML */
body, html{
	font-family: open_sans, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:black;
	line-height:normal;
}

a{color:inherit;text-decoration:none;}
a.out{padding-right: 16px; background-image:url(lien/out.gif); background-repeat:no-repeat; background-position:right center;}
a.sign{text-decoration: underline;}
a.cl{color:#008BCB;}

h1, h2, h3, h4{line-height:110%;}
h1{
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}
h2{
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 28px;
}
h2:first-child{margin-top: 0;}
h3{
	font-size: 13px;
	font-weight: 600;
	color: #008BCB;
	margin-top: 14px;
	margin-bottom: 3px;
}
td {vertical-align: top;}

p{margin-bottom: 7px;}
sup{line-height: 0; vertical-align: super;font-size: 0.7em;}

small{font-size: 0.75em;}

strong,
b{font-weight: 600;}

ol{padding-left: 16px;}
ol>li{list-style-type: upper-alpha;padding-bottom: 4px;}

/** LAYOUT */
.wrapper{width: 980px; margin: 0 auto; position: relative;}
#top{
	background-color: black;
	color: #a3a6a6;
	padding: 7px 0 7px 0;
}

#header{position:relative; height: 120px;}
#site_path{}
#content{
	position: relative;
	min-height: 490px;
}
#sidebar{
	float:right;
	width: 220px;
	color: white;
	margin-top: 130px;
}
#footer{
	margin: 0 auto;
	margin-top: 15px;
	padding-top: 7px;
	border-top: 1px solid black;
	max-width: 1200px;
	font-size:12px;
	line-height: normal;
	padding-bottom: 7px;
}

/** TOP */
#top a{color: #bbbfbf;font-size: 10px;font-weight: bold;}
#top a:hover{color: white;}
#top .menu{text-transform:uppercase;text-align: right;}
#top .menu li{display: inline-block;}
#top .menu a:after{content:' /';}
#top .menu li:last-child a:after{content:'';}

/** HEADER */
#header div.logo{position: absolute;top:15px; left:0; width:250px; text-align: right;}
#header div.menu{position: absolute; top: 0; right: 0;z-index: 500;}
#header div.site_path{position: absolute; top: 95px; left: 15px;font-size: 11px;color:#626166;}
#header div.site_path a{color:#626166;}

/** HEADER - MENU */
#header div.menu table.level1 a{color: white;}
#header div.menu table.level1 td{
	min-width: 130px;
	height: 80px;
	background-color: #626166;
	border-left: 2px solid white;
	color: white;
	text-transform: uppercase;
	vertical-align: bottom;
	font-weight: bold;
	cursor: pointer;
	line-height: 140%;
	font-size: 11px;
}
#header div.menu table.level1 td:hover,
#header div.menu table.level1 td.selected{background-color: #f4970e;}
#header div.menu table.level1 td .marger{padding-right: 7px;}
#header div.menu div.submenu{display: none;}
#header div.menu table.level1 td:hover div.submenu{display: block;}

#header div.menu div.submenu{
	position: absolute;
	margin-left: -200px;
	cursor:default;
	background-image: url(menu/level2-top.png);
	background-repeat: no-repeat;
	background-position: 220px 10px;
	padding-top: 20px;
}
#header div.menu div.submenu div.back{
	border: 15px solid #f4970e;
	padding-left: 140px;
	background-image: url(menu/level2-back.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#header div.menu table.level1 td.no1 div.submenu div.back{background-image: url(menu/level2-back-1.png);}
#header div.menu table.level1 td.no2 div.submenu div.back{background-image: url(menu/level2-back-2.png);}
#header div.menu table.level1 td.no3 div.submenu div.back{background-image: url(menu/level2-back-3.png);}
#header div.menu table.level1 td.no4 div.submenu div.back{background-image: url(menu/level2-back-4.png);}
	
#header div.menu ul.level2{
	background-color:#f4970e;
	text-transform: none;
	font-size: 12px;
	color: black;
}


#header div.menu ul.level2 li{padding: 7px 0 8px 15px;}
#header div.menu ul.level2 a{color: black;}
#header div.menu ul.level2 li:hover,
#header div.menu ul.level2 li.selected{}

#header div.menu ul.level3 {}
#header div.menu ul.level3 li{
	padding: 2px 7px 2px 0;
	border-top: 1px dotted white;
	font-weight: normal;
	list-style-position: outside;
	list-style-image: url(menu/level3-bullet.png);
	margin-left:15px;
}
#header div.menu ul.level3 li:first-child{border: 0 none;}

#header div.menu ul.level3 li:hover,
#header div.menu ul.level3 li.selected{
	background-color:  #626166;
}

#header div.menu ul.level3 a{color: white;}

#header div.menu a.out{background-image:url(lien/out-blanc.gif);}


#header div.menu .for_mobile
	{background-color: white;padding: 20px; }
#header div.menu .for_mobile .icon
	{float:  right; width: 36px; height: 30px;background: transparent url(menu/mobile-icon.png) top left no-repeat; background-size: 36px 30px;}
	
#header div.menu .for_mobile ul li
	{padding: 2px 0;}

.bleu{color:#008BCB;}
.orange{color: #f4970e;}

#header div.menu .for_mobile .label{display: block;}
#header div.menu .for_mobile ul>li
	{text-transform: uppercase; font-weight: bold; color: #008BCB;}
#header div.menu .for_mobile ul>li>ul>li
	{text-transform: none; font-weight: bold; color: black;}
#header div.menu .for_mobile ul>li>ul>li>ul>li
	{font-weight: normal;}
#header div.menu .for_mobile ul>li>ul>li>ul>li.selected a
	{text-decoration: underline;}

/** CONTENT */

/** correction des fonts */
#content{
	font-family: open_sans, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 145%;
}

#content .back-deco{position: absolute; top: 0; left:0; z-index: 0;width: 100%; overflow: hidden; height: 300px;}
#content .back-deco img{left: 50%;position: absolute; margin-left: -600px;}
#content .header{}
#content .header .min{min-height: 295px;}
#content .header .marger{background-color: #fff;}
#content .header .summary{font-size: 14px; line-height:normal;}
#content .header .bottom{
	background-image:  url(img-layout/content-header-bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
}
#content .header.bleu *{color: white;}
#content .header.bleu h1{color: white;}
#content .header.bleu .marger{background-color: #008BCB;}
#content .header.bleu .bottom{background-image:  url(img-layout/content-header-bottom.bleu.png);}

#content .main>.marger{padding: 0;}

#content .layout{}
#content .left-col{width:250px; float: left; z-index: 100;}

#content .main{
	float:left;
	width:475px;
	padding-top: 310px;
}

#content .after{
	clear: both;
}

#content.cols-full .main{
	width:730px;
}
#content.cols-1 .main{
	-moz-column-count:1;
	-webkit-column-count:1;
	column-count:1;
	-moz-column-gap:0;
	-webkit-column-gap:0;
	column-gap:0;
}
#content.cols-2 .main{
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	-moz-column-gap:30px;
	-webkit-column-gap:30px;
	column-gap:30px;
}
#content.cols-3 .main{
	width:730px;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	-moz-column-gap:30px;
	-webkit-column-gap:30px;
	column-gap:30px;
}
#content.position-top .main{
	padding-top: 0;
}
#content .left{
	background-color: transparent;
	padding:15px;
	padding-bottom: 0;
}

#content .after>.marger{
	padding-left: 0;
	padding-right: 0;
}

/** CONTENT - surcharge */
#content.home
	{background: transparent none;}

#content.home h1,
#content.home h2{font-size: 16px; font-weight: bold;}
#content.home .main
	{padding-top: 0;}
#content.home .header .min
	{min-height: 0;}
#content.home #sidebar
	{margin-top: 0; color: black;width: 250px;}
#content.home #sidebar .top
	{display: none;}
#content.home #sidebar .marger
	{padding:0; background: transparent none;}
	
#content.home #sidebar .logos
	{text-align: center;margin: 10px 0;}
#content.home #sidebar .logos img
	{margin-left: 20px;}
#content.home #sidebar .logos a:first-child img
	{margin-left: 0;}
	
/** CONTENT - CONTEXT MENU */
#content div.left ul.level1{
	font-size: 11px;
	color: black;
	text-transform:uppercase;
	font-weight: bold;
	background-color: white;
	margin-right: 40px;
}


#content div.left ul.level1 li{padding-bottom: 15px;color:#333;}
#content div.left ul.level1 a{color: inherit;}
#content div.left ul.level1 li:hover,
#content div.left ul.level1 li.selected{color:#000;}

#content div.left ul.level2 {text-transform: none; font-weight: normal;}
#content div.left ul.level2 li{
	color: #333;
	padding: 2px 7px 2px 0;
	border-top: 1px dotted black;
}
#content div.left ul.level2 li:first-child{border: 0 none;}

#content div.left ul.level2 li:hover,
#content div.left ul.level2 li.selected{color: black;}

#content div.left ul.level2 a{color: inherit;}


#content div.summary ul.level1{
	font-size: 12px;
	color: black;
	text-transform:uppercase;
	font-weight: bold;
	background-color: transparent;
	margin-right: 40px;
}
#content div.summary ul.level1 li{padding-bottom: 15px;color:#e0e0e0;}
#content div.summary ul.level1 a{color: inherit;}
#content div.summary ul.level1 li:hover,
#content div.summary ul.level1 li.selected{color:#fff;}

#content div.summary ul.level2 {text-transform: none; font-weight: normal;}
#content div.summary ul.level2 li{
	color: #e0e0e0;
	padding: 2px 7px 2px 0;
	border-top: 1px dotted white;
}
#content div.summary ul.level2 li:first-child{border: 0 none;}

#content div.summary ul.level2 li:hover,
#content div.summary ul.level2 li.selected{color: #ffffff;}

#content div.summary ul.level2 a{color: inherit;}

/** SIDEBAR */
#sidebar .top{
	background-image:  url(img-layout/sidebar-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
}
#sidebar .marger{background-color:#008BCB;min-height:120px;}
#sidebar .item{margin-bottom: 15px;}

/** FOOTER */
#footer .left{float: left; width: 250px; text-align: left;}
#footer .center{float: left; text-align: center; width: 480px; padding-top: 10px;}
#footer .right{float: left; width: 250px; text-align: right;padding-top: 10px;}
#footer .menu li{display: inline-block;font-size: 11px;}
#footer .menu a:after{content:' –';}
#footer .menu li:last-child a:after{content:'';}

#footer div img{vertical-align: top;margin-top: 3px;}
#footer div.left img{margin-right: 12px;}

/** QUICKMENU */
ul.quickmenu{margin-left: 16px;}
ul.quickmenu li{
	font-size:12px;
	padding: 2px 7px 2px 0;
	border-top: 1px dotted white;
	font-weight: normal;
	list-style-position: outside;
	list-style-image: url(menu/quickmenu-bullet.png);
}
/** EXTERNAL MENU */
ul.externalmenu{margin-bottom: 16px;margin-top:7px;}
ul.externalmenu li{
	font-size:14px;
	line-height: 110%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 7px 7px 0;
	border-bottom: 1px solid black;
	list-style: none;
	list-style-image: none;
	background: transparent url(menu/externalmenu-bullet.png) 100% 7px no-repeat;
	background-size: 8px 14px;
}
ul.externalmenu li a.out{
	background: transparent none;
}
/** IMAGES DE CONTENU */
img.content-image {display:block;}
img.content-image.default{width: 100%;}
img.content-image.left{float: left; margin: 0 15px 15px 0;}
img.content-image.right{float: right; margin: 0 0 15px 15px;}

/** FICHIER */
.file{padding-left: 20px; display: block; margin-bottom: 3px; background-position: top left; background-repeat:no-repeat; min-height:16px;background-image:url(icons/documents.png)}
.file.png,
.file.jpeg,
.file.gif{background-image:url(icons/document-image.png)}
.file.pdf{background-image:url(icons/document-pdf.png)}
.file.zip{background-image:url(icons/document-zipper.png)}

.file.noicon{padding-left: 0; display: block; margin-bottom: 0; background: transparent none;}


/** MISE EN FORME CONTENU */

#content div.box1{float: left;width: 100%;}
#content div.box1.margin{margin: 0 0 15px 0;}
#content div.box1.first{}

#content div.box2{float: left;width: 350px;}
#content div.box2.margin{margin: 0 15px 15px 0;}
#content div.box2.first{}


#content div.box3{float: left; width: 220px; margin-left: 30px}
#content div.box3.margin{margin: 15px;}
#content div.box3.first{margin-left: 0;}


#content div.box3-2{float: left; width: 410px; margin-left: 30px}
#content div.box3-2.margin{margin: 15px;}
#content div.box3-2.first{margin-left: 0; width:470px;}


#content div.box4{float: left; width: 110px;}
#content div.box4.margin{margin: 0 15px 15px 0;}

#content div.box1.right,
#content div.box2.right,
#content div.box3.right,
#content div.box4.right{float: right;}


#content div.main ul{list-style-type: disc;list-style-position: outside; margin-left: 16px;}
#content div.main ol{list-style-type: decimal;list-style-position: outsite; margin-left: 16px;}

#content table.contact{width:100%;}
#content table.contact tr td:last-child{text-align: right;}
#content div.main table.contact tr:hover{background-color:#eee;}

#content .contact-group{}

#content .contact-group .item{clear:both;padding: 2px 0;}
#content .contact-group .item:hover{background-color:#eee;}
#content .contact-group .item:after{content: ''; display: block; clear: both;}
#content .contact-group .item .role{float:left; width: 30%;font-size: .85em;}
#content .contact-group .item .nom{float:left; width: 40%; font-weight: 600;}
#content .contact-group .item .contact{float:right; width: 30%;}

#content .contact-group .mail{float:right;}
#content .contact-group .mail a{width:16px; height:16px; display: block; background: transparent url(../images/icones/mail.png) 0px 2px no-repeat; background-size: 12px 12px;}

#content .contact-group>div.contact{color:#008BCB;}
#content .contact-group>div.contact .phone{float:left;font-weight: 600;}
#content .contact-group>div.contact .mail{float:right;}

#content .box3 .contact-group .item .role{width: 100%;}
#content .box3 .contact-group .item .nom{width: 60%;}
#content .box3 .contact-group .item .contact{width: 40%;}

#content table.infos{width:100%; margin-bottom: 15px;}
#content table.infos td{vertical-align:bottom;padding: 2px 15px 2px 0;}
#content table.infos thead td{color: #008BCB;}
#content table.infos tr{border-bottom: 1px solid #626166;}
#content table.infos tbody tr:hover{color: #008BCB;}

#content table.tab{margin-bottom: 15px;}
#content table.tab td{padding: 2px 7px 2px 0;}

#sidebar .download .item{margin-bottom:7px; line-height: normal;font-size: 11px;}


/** PLANNING - MENU */
#content ul.menu-planning{font-size: 16px;line-height: 130%;}
#content ul.menu-planning li:before{content: "> ";}

#content ul.menu-planning li,
#content ul.menu-planning li a,
#content .header.bleu ul.menu-planning li,
#content .header.bleu ul.menu-planning li a{color: #D5D4E1;}

#content ul.menu-planning li:hover,
#content ul.menu-planning li:hover a,
#content .header.bleu ul.menu-planning li:hover,
#content .header.bleu ul.menu-planning li:hover a{color: white;}

#content ul.menu-planning li.selected,
#content ul.menu-planning li.selected a,
#content .header.bleu ul.menu-planning li.selected,
#content .header.bleu ul.menu-planning li.selected a{color: white;}

/** PLANNING */
#content div.planning-navigation{line-height: normal; padding: 20px 0 10px 0;}
#content div.planning-navigation table{width: 100%;}
#content div.planning-navigation td{color:#008BCB;font-weight: bold;vertical-align: middle;}
#content div.planning-navigation td.back{width: 30%; text-align: left; padding-left: 7px;}
#content div.planning-navigation td.next{width: 30%; text-align: right; padding-right: 7px;}
#content div.planning-navigation td.today{width: 40%; text-align: center;font-size: 1.2em;text-transform: uppercase;}

#content div.planning-navigation td.back a:before{content: '<< ';}
#content div.planning-navigation td.next a:after{content: ' >>';}

#content div.planning-content{overflow-x: auto; line-height: normal;min-height: 290px;width:700px;}
#content table.planning{width: auto;}
#content table.planning thead{text-align: left; font-weight: bold; background-color: #008BCB;color: white;}
#content table.planning td{padding: 7px;}


#content table.planning a{color:#008BCB;font-weight: 600;}

#content table.planning tbody td:nth-child(even){background-color: #efefef; background-image:linear-gradient(#f5f5f5, white);}

#content table.planning td div.group{width: 161px;margin-bottom: 7px;cursor:default;}
#content table.planning td div.heure{font-weight: bold;}
#content table.planning td div.info{color:black;}

#content div.planning-content div.no-activity{text-align: center; color: #008BCB;border-top: 1px solid #008BCB;padding: 7px 0;}


#content table.quotidien{width: 100%;}
#content table.quotidien thead{text-align: left; font-weight: bold; background-color: #008BCB;color: white;}
#content table.quotidien td{padding: 5px 7px;}

#content table.quotidien td.horaire,
#content table.quotidien td.lieu{font-size: .9em;}
#content table.quotidien td.horaire{width:90px;}
#content table.quotidien td.lieu{width:220px;}

#content table.quotidien a{color:#008BCB;font-weight: bold;}

#content table.quotidien tbody tr:nth-child(even){background-color: #efefef;}


/* SHOP */
.shop_cours_info{
	float:right; padding: 2px 6px; font-size: 10px; text-transform: uppercase;color:white;font-weight: bold;
	border: 0 none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #bbb;
	line-height: 100%;
	
}
.shop_cours_info.complet{background-color: #b01c28;}
.shop_cours_info.affirmative{background-color: #43a416;}
.shop_cours_info.from{background-color: transparent; color:#bbb;text-transform: none; margin: -7px 0 7px 0;}
.shop_cours_info.add{background-color: #f4970e; cursor: pointer;}
.shop_cours_info.add a{display: block;}
.shop_cours_info.float_left{float:left;}
.shop_cours_info.inline{float:none;display: inline-block;}

/* SHOP vente */
.vente{margin-top: -310px;background-color: white;padding: 20px 10px}
.vente h2,
.vente h3{clear: both;}
.vente .warning{font-weight: bold; color: #b01c28;}

.vente .coords{background-color: #eee; padding: 14px 28px;font-size: 1.15em;line-height: normal;}
.vente .coords .adresse{float: left;width:50%;}
.vente .coords .alert{float: left;width:50%;color:#f4970e;}
.vente .coords .alert p{padding-right: 30px;padding-top: 30px;}

.vente .coords:after{content:''; display: block; clear: both;}
.vente table.commande{width: 100%; margin: 20px 0;}
.vente table.commande th{color: #008BCB; text-align: left; font-size: 10px;}
.vente table.commande th,
.vente table.commande td{padding:0 5px 2px 0;}
.vente table.commande .left{text-align: left;}
.vente table.commande .small{font-size: 10px;}
.vente table.commande .right{text-align: right;}
.vente table.commande .center{text-align: center;}

.vente table.commande .no
	{width: 25px;}
.vente table.commande .code
	{width: 80px;}
.vente table.commande .type
	{width: 40px;}
.vente table.commande .info
	{width: auto;}
.vente table.commande .qte
	{width: 60px;}
.vente table.commande .prix
	{width: 80px;}
.vente table.commande .total
	{width: 80px;}
.vente table.commande .action
	{width: 20px;}
	
.vente table.commande .btnDel  {display: inline-block; width:12px; height:14px; cursor: pointer; background: transparent url(icons/shop-cross.png) center center no-repeat;}
.vente table.commande .btnPlus {display: inline-block; width:12px; height:14px; cursor: pointer; background: transparent url(icons/shop-plus.png) center center no-repeat;}
.vente table.commande .btnMinus{display: inline-block; width:12px; height:14px; cursor: pointer; background: transparent url(icons/shop-minus.png) center center no-repeat;}

.vente .btnOrder{
	float:right; padding: 5px 25px; font-size: 12px; text-transform: uppercase;color:white;font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f4970e;
	line-height: 100%;
	cursor: pointer;
	border: 0 none;
}
.vente .btnBack{
	float:left; padding: 5px 25px; font-size: 12px; text-transform: uppercase;color:white;font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f4970e;
	line-height: 100%;
	cursor: pointer;
}

.vente table.commande.require {width:auto;margin-top: 5px;}
.vente table.commande.require th,
.vente table.commande.require td{padding:0 15px 2px 0;}


.vente table.coords{}
.vente table.coords th,
.vente table.coords td{padding:0 5px 2px 0;}
.vente table.coords th{font-weight: normal; text-align: left;font-size: 11px;}
.vente table.coords td{font-weight: bold; text-align: left;}

/** RECHERCHE */
#search_page{padding: 20px;}

#search_page .form{border:1px solid #626166; display: inline-block;}

#search_page .form input{border:0 none; font-size: 1.25em;font-weight: bold; height: 24px;padding: 0 4px;}
#search_page .form input.bt{background: #626166 url(../images/content/search.png) center center no-repeat; padding: 0; width: 24px; height: 24px;cursor: pointer;background-size: 16px 16px;}

#search_page .result .group{float: left; width: 50%}

#search_page .result h3{color:#008BCB;}
#search_page .result .noresult{font-style: italic;}

#search_page .result a{display: block; margin-left: 15px; text-indent: -15px;line-height: normal;margin-bottom: 2px;}
#search_page .result a:hover{text-decoration: underline;}


#search_page .result .group.news{float: none; width: auto;}
#content #search_page .home-news{width: 100%;}

#content #search_page div.home-news .item > div{border: 0 none;}
#content #search_page div.home-news .item {border-top: 1px solid black;}
#content #search_page div.home-news .item:last-child {border-bottom: 1px solid black;}

#search_page .result a.file{margin:0;padding-left: 20px;text-indent: 0;}
#search_page .result .activites a{display: inline;margin:0;text-indent: 0;}

.site_search{position: absolute;top:-3px; left: 322px;}
#search_module .form{border:1px solid #626166; display: inline-block;}
#search_module .form input{border:0 none; font-size: 1em;font-weight: normal; height: 20px;padding: 0 4px;}
#search_module .form input.bt{background: #626166 url(../images/content/search.png) center center no-repeat; padding: 0; width: 20px; height: 20px;cursor: pointer;background-size: 12px 12px;}

/** TOOLS */
div.summary{}
div.summary div.intro{}
div.summary div.lnk{float: right; cursor: pointer;}
div.summary div.lnk:before{content:"» ";}
div.summary div.lnk.close:before{content:"[ x ";}
div.summary div.lnk.close:after{content:" ]";} 
div.summary div.details{display: none;}


/** Content selector */
dl.content-selector
	{}
dl.content-selector dt
	{padding-bottom: 7px;}
dl.content-selector dt a
	{
	display: inline-block;
	padding: 5px 10px; font-size: 12px; text-transform: uppercase;color:white;font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f4970e;
	line-height: 100%;
	cursor: pointer;
	border: 0 none;
}
dl.content-selector dt a:before
	{content: '› ';}
dl.content-selector dd .marger
	{padding: 0 0 20px 0;}


/** USEFULL */
.marger
	{padding:15px;}
.nomarge
	{margin:0;}
.clear
	{clear:both;}
.text-right
	{text-align: right;}
.error
	{color:#aa0000;}
.nowrap
	{white-space: nowrap;}
.clearfix
	{display:block;visibility:hidden;clear:both;margin:0;padding:0;font-size:0;height:0;}

.infos{color:#626166; font-size: 11px; margin-bottom: 10px;}

/** COULEURS */
.gris{color: #626166;}
.bleu{color:#008BCB;}
.orange{color: #f4970e;}


.for_screen{display: block;}
.for_print {display: none;}
.for_mobile{display: none;}


/** RESPONSIVE */
@media all and (max-width:985px)
{
	.for_screen{display: none;}
	.for_print {display: none;}
	.for_mobile{display: block;}
	
	.wrapper{width:768px;}
	
	#content{
		background-size: 100% auto;
		min-height: 0;
	}
	#sidebar{
		clear: both;
		float:none;
		width: 100%;
		color: white;
		margin:0;
	}
	#sidebar .marger{min-height: 0;}
	
	#footer{
	}

	#top{padding: 13px 0;}
	#top .menu{padding-right: 20px;}
	#header {height: auto;}
	#header div.logo{position: relative; top: 0; left:0; width: auto; text-align: left;padding: 20px 0 20px 20px;}
	#header div.site_path{display: none;}
	
	#content .layout{padding: 0 20px;}
	#content .header .min{min-height:0;}
	#content .header .bottom{
		background: 0 none;
		height: auto;
	}
	#content .header .marger{background-color: rgba(255, 255, 255, .9);}
	
	#content .left{padding: 0;}
	
	#content .left-col{width:100%; float: none;}
	
	#content .left-col ul.level1{display: none;}
	
	
	#content .back-deco.for_mobile{position: relative; top: 0; left:0; margin-left: 0;z-index: 0;height: auto;min-height: 75px;margin-bottom: -75px;line-height: 0; text-align: center;}
	#content .back-deco.for_mobile img{width: 100%; left: 0; position: relative; margin: 0; margin-top: -20px;}
	
	#content .back-deco.for_mobile .crop{height: 220px; overflow: hidden;}
	
	#content .back-deco.for_mobile .crop img{}
	
	#content .main{
		float:none;
		width:100%;
		padding-top: 10px;
		background-color: white;
		background-color: rgba(255,255,255,.90);
	}
	
	
	#content .main>.marger{padding: 15px;}
	#content.cols-full .main{
		width:100%;
	}
	#content.cols-1 .main,
	#content.cols-2 .main,
	#content.cols-3 .main{
		width: 100%;
		-moz-column-count:1;
		-webkit-column-count:1;
		column-count:1;
		-moz-column-gap:0;
		-webkit-column-gap:0;
		column-gap:0;
	}
	
	/** FOOTER */
	#footer .left,
	#footer .center,
	#footer .right{float: left; width: 50%; text-align: center;padding: 0 0 10px 0;}
	
	#footer .left img{margin:0;}
	
	
	#content div.box1, 
	#content div.box1.first,
	#content div.box1.margin,
	#content div.box2, 
	#content div.box2.first,
	#content div.box2.margin,
	#content div.box3,
	#content div.box3.first,
	#content div.box3.margin,
	#content div.box3-2,
	#content div.box3-2.first,
	#content div.box3-2.margin,
	#content div.box4,
	#content div.box4.first,
	#content div.box4.margin
		{width: 100%; margin: 10px 0;}
	
	#content div.box2.xs,
	#content div.box2.first.xs
		{width: 50%; margin: 10px 0;}
		
	#content div.box3-2.xs,
	#content div.box3-2.first.xs
		{width: 66%; margin: 10px 0;}
		
	#content div.box3.xs,
	#content div.box3.first.xs
		{width: 33%; margin: 10px 0;}
	
	#content div.box4.xs,
	#content div.box4.first.xs
		{width: 25%; margin: 10px 0;}
		
	/** QUICKMENU */
	ul.quickmenu{margin-left: 0;}
	ul.quickmenu li{
		display: inline-block;
		font-size:12px;
		padding: 2px 15px 2px 12px;
		border-top: 0 none;
		font-weight: normal;
		background: transparent url(menu/quickmenu-bullet.png) 0px 5px  no-repeat;
	}
	
	#content.home #sidebar{width: 100%; clear: both;}
	#content.home #sidebar .marger,
	#content .after  .marger{padding: 15px;}
	/** EXTERNAL MENU */
	
	
	ul.externalmenu{margin:20px 0;}
	ul.externalmenu li{
		font-size:14px;
		line-height: 110%;
		font-weight: bold;
		text-transform: uppercase;
		padding: 7px 7px 7px 0;
		border-bottom: 1px solid black;
		list-style: none;
		list-style-image: none;
		background: transparent url(menu/externalmenu-bullet.png) 100% 7px no-repeat;
		background-size: 8px 14px;
	}
		
		
		
	#content div.planning-content{overflow-x: auto; line-height: normal;min-height: auto;width:100%;}
	
	
	#content table.quotidien,
	#content table.quotidien thead,
	#content table.quotidien tbody,
	#content table.quotidien tr{width: 100%; display: block;}
	
	#content table.quotidien td{float: left;display: block; width: auto;}
	#content table.quotidien tr{clear: both;}
	
	#content table.quotidien td.horaire,
	#content table.quotidien td.lieu{font-size: .9em;}
	
	#content table.quotidien td.horaire{width:90px;}
	#content table.quotidien td.lieu{width:auto;}
	#content table.quotidien tr:after{
		content:' ';
		display:block;
	    clear: both;
	}
	
	#content table.quotidien a{color:#008BCB;font-weight: bold;}
	
	#content table.quotidien tbody tr:nth-child(even){background-color: #efefef;}
	
	.vente{margin-top: 0;background-color: white;padding: 20px 10px}
	
	.vente table.commande{width: 100%; margin: 20px 0; display: block;}
	.vente table.commande thead,
	.vente table.commande tbody{width: 100%;display: block;}
	.vente table.commande tr{width: 100%; display: block;}
	.vente table.commande tbody tr:nth-child(odd){background-color: #eee;}
	.vente table.commande tr:after{
		content:'';
		display: block;
		clear: both;
	}
	.vente table.commande th{color: #008BCB; text-align: left; font-size: 10px;}
	.vente table.commande th,
	.vente table.commande td{display: block; float: left;}
	.vente table.commande .left{text-align: left;}
	.vente table.commande .small{font-size: 10px;}
	.vente table.commande .right{text-align: right;}
	.vente table.commande .center{text-align: center;}
	
	.vente table.commande .no
		{width: 25px;}
	.vente table.commande .code
		{width: 80px;}
	.vente table.commande .type
		{width: 40px;}
	.vente table.commande .info
		{font-weight: bold;}
	.vente table.commande .qte
		{clear: both; text-align: left; margin-left: 30px;width: 80px;}
	.vente table.commande .prix
		{width: 80px; text-align: left;}
	.vente table.commande .total
		{font-weight: bold; float: right; width: auto; min-width: 50px;}
	.vente table.commande .action
		{float: right;}
		
	.site_search{position: absolute;top:-3px; left: 0;}
}

@media all and (max-width:768px)
{
	.wrapper{width:100%}
	
	#content table.quotidien td{float: none; width: 100%; padding-top: 0; padding-bottom: 0;}
	#content table.quotidien td.horaire{padding-top: 7px;}
	#content table.quotidien td.lieu{padding-bottom: 7px;}
	
	#content div.box2.xs,
	#content div.box2.first.xs
		{width: 100%; margin: 10px 0;}
		
	#content div.box3-2.xs,
	#content div.box3-2.first.xs
		{width: 100%; margin: 10px 0;}
		
	#content div.box3.xs,
	#content div.box3.first.xs
		{width: 100%; margin: 10px 0;}
	
	#content div.box4.xs,
	#content div.box4.first.xs
		{width: 50%; margin: 10px 0;}
}

@media all and (max-width:520px)
{
	.wrapper{width:100%}
	
	/** FOOTER */
	#footer .left,
	#footer .center,
	#footer .right{float: none; width: 100%; text-align: center;padding: 0 0 10px 0;}
}
@media all and (max-width:450px)
{
	#top .menu{padding-top: 30px;}
}
@media print
{
	
}