/* CSS made by Loginet Solutions inc*/

@font-face {
	font-family: 'Cicle';
src: url('../inc/fonts/new-cicle-semi-webfont.eot');
src: url('../inc/fonts/new-cicle-semi-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../inc/fonts/new-cicle-semi-webfont.woff') format('woff'),
	     url('../inc/fonts/new-cicle-semi-webfont.ttf') format('truetype'),
	     url('../inc/fonts/new-cicle-semi-webfont.svg#Cicle') format('svg');
     font-weight: normal;
     font-style: normal;
}

@font-face {
	font-family: 'Gotham Medium';
src: url('../inc/fonts/gotham-medium-webfont.eot');
src: url('../inc/fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../inc/fonts/gotham-medium-webfont.woff') format('woff'),
	     url('../inc/fonts/gotham-medium-webfont.ttf') format('truetype'),
	     url('../inc/fonts/gotham-medium-webfont.svg#gotham_medium') format('svg');
     font-weight: normal;
     font-style: normal;
}

/*Header*/
#header{
	background-image: url("../images/menubg.jpg");

width:100%;
height:46px;
       max-height:46px;	
}

.header_news {
	font-family:Arial, Verdana, Sans serif;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
color:#FFFFFF;
      background-color:#00CC00;
      background-image:url(../images/header_bg.jpg);
padding:9px 14px 9px 14px;	
}

.header_info {
	font-family:Arial, Verdana, Sans serif;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
color:#FFFFFF;
      background-color:#736F6E;
      background-image:url(../images/header_bg_grey.jpg);
padding:9px 14px 9px 14px;       
}

#menu_header {
width:960px;
      max-width:960px;
height:46px;
margin:0 auto;
border:0px;
}

#menu_header table {
width:960px;
      max-width:960px;
border:0px;	
}

#menu_header td{
	text-align:center;
	border-right:1px #fff solid;
	font-family: "Gotham Medium", Arial, Verdana;
	font-size:16px;
}

#menu_header td:hover {
background: transparent url("../images/menu_hover.jpg") left top repeat-x;
}

#menu_header td.first{
border:0px;
background: transparent url("../images/home.jpg") left top no-repeat;
}

#menu_header td.first:hover{
background: transparent url("../images/home.jpg") left top no-repeat;
}

#menu_header td.first img{
display:block;
border:0px;
margin:0px;
padding:0px;
}

#menu_header td.first a{
display:block;
width: 58px; 
height: 46px;
}

#menu_header a, #menu_header a:hover, #menu_header a:active, #menu_header a:visited{
	text-decoration:none;
color:#fff;
display:block;
height:100%;
width:100%;
}

#menu_header td.menu-middle{
	vertical-align:top;
	padding-top:15px;
}
#menu_header td.menu-middle-2rows{
	vertical-align:top;
	padding-top:5px;
}

/*Content*/
#content{
	background-color:#f7f7f7;
width:960px;
      max-width:960px;
      min-height:650px;
margin:0 auto;	
border:0px;

padding: 20px;}

#content1{
	background-color:#f7f7f7;
width:430px;
      max-width:430px;
      min-height:420px;
margin:0 auto;	
border:0px;

}
.link a{
	font-family:Arial, Verdana, Sans serif;
	font-size:13px;
}
b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

.tour, .guides, .tutoriels, .ateliers, .titles, .infotrucs{
width:960px;
margin:0 auto;
}
.tour img{
border:0px;
display:block;
}
.guides img, .tutoriels img, .ateliers img, .infotrucs .infotrucs1 img{
float:left;
border:0;
display:inline-block;
}
.infotrucs1 img {
width:430px;
margin:0 auto;
}
.ateliers span{
	margin-left:270px;
	font-family:Arial, Verdana, Sans serif;
	font-size:13px;	
}
.ateliers table{
	font-family:Arial, Verdana, Sans serif;
	font-size:13px;
	font-weight:bold;
color:#222222;
margin:0 auto;	
border:0px;	
}
.div_atelier{
width: 100%;
background:#d3d3d3;
	   font-family: Arial, Verdana; 
	   font-size:13px;
padding:10px;
	margin-bottom:5px;
}
.div_atelier strong{
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
}
a.atelier{
display: block; 
width: 100%; 
       /*	height: 100%;*/
       text-decoration:none;
color:#333;
}
.tutoriels table{
margin:0 auto;	
border:0px;
       border-collapse: separate;
       border-spacing: 40px;	
}
table .inside_table {
	vertical-align: top;
background: #d9d9d9;
width: 100%;
       border-collapse: collapse;
       border-spacing: 0;	
}
table .inside_table a{
display: block; 
width: 100%; 
height: 100%;	
	text-decoration:none;
	font-family: Helvetica, Arial, Verdana;
	font-weight:bold;
	font-size:13px;
color:#444;	
      line-height:30px;
}
table .inside_table  img{
margin:3px 0px 3px 0px;
       vertical-align: middle; 
display: inline-block;
}
.logos{
width:960px;
margin:40px auto;
       margin-bottom:20px;
}
.box_title{
	font-family:Arial, Verdana, Sans serif;
	font-size:16px;
	font-weight:bold;
color:#222222;
float:left;
margin:15px 15px 0px 0px;
width:900px;
height:20px;	
padding:0px;
border:0px;
}
.box{
float:left;
margin:15px;
width:900px;
height:340px;
       max-height:340px;
       overflow-x: hidden;
}
.clear {
clear:both;
}
.box img {
display:block;
border:0px;
margin:0px 3px 6px 3px; 
}
#hint{
cursor:pointer;
}
.tooltip{
margin:8px;
padding:8px;
border:1px solid #808080;
color:#fff;
      font-family:Arial, Verdana, Sans serif; 
      font-size:13px;
      background-color:#1f891a;
position: absolute;
	  z-index: 2;
}
.input_small{
width:120px;
padding:4px;
}
.input_big{
width:443px;
padding:4px;
}	
.error{
color:#ff0000;
      padding-right:5px;
      font-weight:normal;
}

/*Footer*/
#footer{
	background-color:#4c4c4c;
width:100%;
margin:0 auto;
height:117px;
       max-height:122px;
}
#stripe{
position: relative;
top: 0;
     background-color:#000000;
width:100%;
height:25px;
       max-height:25px;
}
#footer_menu{
width:960px;
      max-width:960px;
margin:0px auto;
height:90px;
       max-height:97px;	
}
#inside_footer{
width:960px;
      max-width:960px;
margin:0px auto;	
padding:6px 0px 2px 0px;
border:0px;
       font-family:arial, tahoma;	
       font-size:13px;
color:#ffffff;
}

#inside_footer a{
	font-family:Cicle, arial, tahoma;	
	font-size:13px;
color:#ffffff;
      text-decoration:none;
}

#inside_footer a:hover{
color:#b3b3b3;
}

#inside_footer a:active{
	font-family:Cicle, arial, tahoma;	
	font-size:13px;
color:#ffffff;
      text-decoration:none;
}


/*
   Vortex style for footer
   Keep same as main website
 */

.second{
	margin-top:-5px;
height:53px;
       border-bottom:1px solid #5a5a5a;
width:958px;
float:left;
}
.third{
height:37px;
width:958px;
float:left;
}

/* Navigation en bas-de-page */
#menuBas{
float: left;
       margin-top: 8px;
       text-align: right;
       margin-left:-40px;
}
#menuBas li{display:inline;}
#menuBas li.dernier a{padding-right:0;}
#menuBas a:link,#menuBas a:active,#menuBas a:visited{
padding:0 5px;color:#ffffff;
	text-decoration:none;display:block;
	font-family:Cicle, Arial, Tahoma; font-size:14px;
float:left;
}
#menuBas a:hover{float:left;text-decoration:none;}

/*pourcommanderBTN*/
#menuBas #toOrderBTN:link,#menuBas #toOrderBTN:visited,#menuBas #toOrderBTN:active{
height:33px;
background:url(../images/icons/icon_cart_gray.jpg) top left no-repeat;
padding:4px 25px 0px 30px;
}
#menuBas #toOrderBTN:hover{
background:url(../images/icons/icon_cart_gray.jpg) 0px -37px no-repeat;
}
#menuBas #toOrderBTN.actif{
background:url(../images/icons/icon_cart_gray.jpg) 0px -79px no-repeat;
color:#2D82C6;
}

/*sitemapBTN*/
#menuBas #sitemapBTN:link,#menuBas #sitemapBTN:visited,#menuBas #sitemapBTN:active{
height:33px;
background:url(../images/icons/icon_sitemap.jpg) top left no-repeat;
padding:4px 25px 0px 35px;
}
#menuBas #sitemapBTN:hover{
background:url(../images/icons/icon_sitemap.jpg) 0px -37px no-repeat;
}
#menuBas #sitemapBTN.actif{
background:url(../images/icons/icon_sitemap.jpg) 0px -79px no-repeat;
color:#2D82C6;
}

/*supporttechniqueBTN*/
#menuBas #customerSupportBTN:link,#menuBas #customerSupportBTN:visited,#menuBas #customerSupportBTN:active{
height:33px;
background:url(../images/icons/icon_soutien_technique.jpg) top left no-repeat;
padding:4px 25px 0px 35px;
}
#menuBas #customerSupportBTN:hover{
background:url(../images/icons/icon_soutien_technique.jpg) 0px -37px no-repeat;
}
#menuBas #customerSupportBTN.actif{
background:url(../images/icons/icon_soutien_technique.jpg) 0px -79px no-repeat;
color:#2D82C6;
}

/* Partager cette page (AddToAny) */
a#lienPartager{
background: url("../images/icons/icon_AddtoAny.jpg") no-repeat scroll left center transparent;
color: #A6A6A6;
float: right;
       font-family: Arial, Tahoma;
       font-size: 11px;
height: 17px;
	padding-left: 18px;
	padding-top: 7px;
position: relative;
	  text-align: left;
	  text-decoration: none;
top: 4px;
width: 45px;
}
.socialBTNS{
float: right;
       margin-top: 10px;
width: 100px;
}
.socialBTNS a{
	margin-left:5px;
width:19px;
height:18px;
display:block;
float:right;
}
a#RssBTN:link,a#RssBTN:active,a#RssBTN:visited,a#RssBTN:hover{
background:url(../images/icons/icon_rss.jpg) top left no-repeat;
}
#copyrights{float:left;position:relative;top:10px;font-family: Arial, Tahoma;font-size:11px;color:#a6a6a6;}
#copyrights a:link, #copyrights a:visited, #copyrights a:active{font-family: Arial, Tahoma;font-size:11px;color:#a6a6a6;text-decoration:none;}
#copyrights a:hover{text-decoration:underline;}


.footer {
bottom: 0px;
position: fixed;
}

label[for=id_contact] {
display: inline;
}

label {
width: 25%;
}

input {
width: 60%;
height: 2em;
}


p {
margin: 10px 10px 0px 0px;
}

input[type=submit] {
display: block;
margin: 0 auto;
width: auto;
       margin-top: 20px;
padding: 5px 10px;
border: 1px solid black;
	box-shadow: aquamarine;
	box-shadow: 3px 3px 5px #888888;
	border-radius: 5px;
height: 2.5em;
cursor: pointer;
	font-size: 14px;


}

input[type=submit]:hover {
	box-shadow: 1px 1px 5px #888888;

transform: translate(3px, 3px);


}

label[for=id_contact], #id_contact, label[for=id_user_0], #id_user, label[for=id_user]  {
width: auto;
}


label[for=id_user] {
	margin-bottom: 15px;
}


.errorlist {
color: red;
       padding-left: 25%;
       margin-bottom: -8px;
}

form .atelier-info{
padding: 30px;
}

.atelier-info, form {
	font-size: 13px;
}

label[for=id_contact] {
	font-weight: bold;


}
.atelier-info {
margin: 0 auto;
width: 600px;

}
#id_contact, #id_user {
height: 20px;
width: 20px;
appearance: none;
	    -webkit-appearance: none;
border: solid 1px grey;
	border-radius: 5px;
margin: 10px 0 0 0;
	background-color: white;

	vertical-align: text-bottom;
}

#id_contact:checked, #id_user:checked {
border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
color: cornflowerblue;
}

#id_contact:checked:after, #id_user:checked:after {
content: '\2714';
	 font-size: 16px;
margin: 2px;

}