/* DEFINITION VARIABLES */

@violetbase: #652e91;
@violetpale: #8e5ba6;
@fuchsia : #9c0b8c;
@bleu: #2e3897;
@rouge : #d7393d;
/* @grisclair: #f3f1f4; */
@grisclair: #f3f1f4;
@rad5 : 5px;
@rad3 : 3px;

/* POLICES */

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

}

*
{
padding: 0px;
margin: 0px;
border: none 0px;
}

html
{
height: 100%; /* correction dun bug sur internet explorer ... si  pas adequat utilise une valeur en px assez grande 99999 par exemple */
font-size: 12px;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
border: none 0px;
}

body
{
font-size: 12px;
margin: 0;
padding: 0;
color: #000000;
background: #ffffff url(../images/body.jpg) repeat-x;
}

h1
{
margin-bottom: 5px;
font-size: 24px;
font-weight: normal;
color: @rouge;
text-align: left;
text-transform: uppercase;
}

h2
{
margin-top: 5px;
margin-bottom: 5px;
font-size: 24px;
font-weight: normal;
color: @fuchsia;
text-align: left;
}

h3
{
margin-top: 20px;
font-size: 18px;
font-weight: normal;
color: @bleu;
}

h4
{
margin-top: 10px;
padding-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #c9416a;
}

/* ELEMENTS COMMUNS */

/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none;
}

img
{
border: 0;
}

a
{
outline: none;
}

/* LIENS */

hr
{
color: #dddddd;
background-color: #dddddd;
height: 1px;
border: 0;
}

p
{
padding: 10px 0px 10px 0px;
line-height: 18px;
text-align: justify;
}

.note
{
font-size: 11px;
color: #999999;
}

.quote
{
font-style: italic;
}

.important
{
font-weight: bold;
}

.clear
{
clear: both;
}

.hide
{
display: none;
}

table
{
border-spacing: 0px;
border-collapse: collapse;
}

td
{
padding:0px;
}

.aligner-d
{
text-align: right;
}

.aligner-c
{
text-align: center;
}

.aligner-g
{
text-align: left;
}

.aligner-h
{
vertical-align: top;
}

.aligner-b
{
vertical-align: bottom;
}

.rbord
{
border-right: 1px dotted #cacaca;
}

.zip
{
padding-left: 20px;
background: url(../images/zip_icon_s.gif) no-repeat;
}

/* STRUCTURE DU SITE */
/* On commence par definir les nouveaux elements html5 */

header, nav, footer, figure, section {
  display: block;
}

#etiquette a:link, #etiquette a:visited, #etiquette a:active
{
padding-top: 5px;
padding-left: 20px;
color: @rouge;
text-decoration: none;
position: absolute;
left: 75%;
background: url(../images/french-flag.gif) no-repeat left 4px;
}

#etiquette a:hover
{
color: white;
}

/*********************/

header
{
width: 100%;
height: 109px;
background: url(../images/bandeau.jpg) repeat-x bottom;
}

#bandeau
{
width: 100%;
height: 109px;
background: url(../images/bandeau.jpg) repeat-x bottom;
}

#header
{
width: 980px;
height: 109px; /* 109px - padding */
margin: auto;
background: url(../images/header.jpg) repeat-x bottom;
}

#header table
{
background: url(../images/header-table.jpg) no-repeat center 37px;
}

.header-g
{
width: 19px;
height: 109px;
background: url(../images/header-g.jpg) no-repeat bottom left;
}

.header-m
{
width: 867px; /* 942px - padding */
height: 74px; /* 109px - padding */
padding-left: 75px;
padding-top: 35px;
font-family: OptimaRegular;
font-size: 12px;
color: @violetpale;
text-transform: uppercase;
background: url(../images/header-m.jpg) no-repeat 831px bottom; /* position-left = 942px - 85px image - 26px marge */
}

.header-m a:link, .header-m a:visited, .header-m a:active
{
font-size: 24px;
color: @violetbase;
text-decoration: none;
}

.header-m a:hover
{
font-size: 24px;
color: @rouge;
text-decoration: none;
}

.header-d
{
width: 19px;
height: 109px;
background: url(../images/header-d.jpg) no-repeat bottom right;
}

/*********************/

#bandemenu
{
width: 100%;
background: url(../images/ssbandeau.png) repeat-y center;
}

#menu
{
width: 820px; /* 942px - padding - menu-g et menu-d */
padding: 10px 61px 0px 61px;
border-bottom: 5px solid @rouge;
background: url(../images/menu.jpg) no-repeat 753px top; /* position-left = 942px - 163px image - 26px marge */
margin: auto;
}

#menu table
{
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
border: none;
}

.fdmenu
{
width: 942px;
background: url(../images/fdmenu2.jpg) no-repeat top left;
margin: auto;
}

#menu table td
{
padding: 0;
}

.menu-g
{
width: 10px;
/* background: url(../images/menu-g.png) repeat-x top; */
}

/*********************/

#ssbandeau
{
width: 100%;
background: url(../images/ssbandeau.png) repeat-y center;
}

#subheader
{
width: 942px;
border-bottom: 5px solid @rouge;
/* background: #f4f3f5 url(../images/subheader.png) repeat-x center 3px; */
background: #f4f3f5;
overflow: auto;
margin: auto;
}

#submenu
{
width: 800px;
padding-bottom: 20px;
text-align: center;
/*
border-right: 10px solid @grisclair;
border-left: 10px solid @grisclair;
background: #ffffff url(../images/submenu.jpg) repeat-x bottom;
*/
margin: auto;
overflow: auto;
}

#submenu ul
{
list-style-type: none;
padding: 0;
text-align: center;
margin: 0;
}

#submenu li
{
margin: 0px;
padding: 4px 10px 7px 10px;
font-family: Arial Narrow;
font-size: 14px;
line-height: 24px;
display: inline;
}

#submenu li a:link, #submenu li a:visited, #submenu li a:active
{
	color: #666666;
	text-transform: uppercase;
	text-decoration: none;
}

#submenu li:hover
{
	color: #000000;
	background: @grisclair;
}

#submenu li.select
{
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	background: @rouge;
}

/******/

#bandeaurub
{
width: 782px; /* 942px - padding */
height: 175px; /* 205px - padding */
padding: 20px 80px 10px 80px;
text-align: right;
margin: auto;
}

#bandeaurub table
{
width: 782px;
height: 175px;
}

#bandeaurub h1
{
margin:0;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
text-align: left;
text-shadow: 0px 0px 5px #000000;
behavior: url(PIE.htc);
position: relative;
}

#bandeaurub h2
{
width: 300px;
margin: 0;
padding-bottom: 10px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-align: left;
text-shadow: 0px 0px 5px #000000;
behavior: url(PIE.htc);
position: relative;
}

#bandeaurub ul
{
list-style-type: none;
padding:0;
margin: 0;
}

#bandeaurub li
{
color: #ffffff;
font-size: 14px;
font-weight: bold;
line-height: 24px;
text-shadow: 0px 0px 5px #000000;
behavior: url(PIE.htc);
position: relative;
}

.bandeaurub
{
background: url(../images/bandeaurub.png) no-repeat bottom center;
}

/*********************/

#conteneur
{
width: 100%;
background: url(../images/ssbandeau.png) repeat-y center;
clear: both;
}

#contenu
{
width: 900px; /* 1000px - padding */
padding: 0px 50px 50px 50px;
background: url(../images/contenu-d.jpg) no-repeat 781px bottom; /* on conserve cette ligne pour IE */
background: url(../images/contenu-g.jpg) no-repeat 29px bottom,  url(../images/contenu-d.jpg) no-repeat 781px bottom; /* imagedroite_x = 1000px - imagedroite_width - padding */
overflow: auto;
margin: auto;
}

/* BASE CONTENU 900px */

#gauche
{
width: 560px; /* 560px - padding */ /* +80px soustraits a droite */
padding: 0px 29px 0px 50px;
margin-top: 30px;
border-right: 1px solid @grisclair;
float: left;
}

#gauche h1
{
font-family: OptimaRegular;
font-size: 24px;
color: @rouge;
}

#gauche ul
{
list-style-type: none;
padding:0;
margin: 0;
}

#gauche ul li
{
margin-top: 5px;
padding-left: 15px;
background: url(../images/puce.gif) no-repeat 5px 6px;
}

#gauche a:link, #gauche a:visited, #gauche a:active
{
color: @rouge;
text-decoration: none;
}

#gauche a:hover
{
text-decoration: underline;
}

#gauche table
{
border-spacing: 0px;
border-collapse: collapse;
margin: auto;
}

#gauche th
{
width: 30%;
padding: 5px;
border: 1px solid #cacaca;
background: #cacaca;
}

#gauche tr:nth-child(even)
{
background: #ededed;
}

#gauche tr:nth-child(odd)
{
background: #f5f5f5;
}

#gauche td
{
padding: 10px;
border-bottom: 1px dotted #cacaca;
}

#droite
{
width: 230px; /* 340px - padding */ /* -80px ajoutes a gauche */
padding: 0px 30px 20px 0px; /* Pas de padding-left pour les menu de sidebar */
margin-top: 30px;
float: left;
}

/*********************/

#piedpage
{
width: 100%;
background: #662d91 url(../images/piedpage.jpg) repeat-x top;
clear: both;
}

#footer
{
width: 980px; /* 1000px - footer-g - footer-d */
color: #999999;
line-height: 16px;
margin: auto;
}

.footer-g
{
width: 19px;
background: url(../images/footer-g.jpg) no-repeat top left;
}

.footer-m
{
width: 942px;
padding: 0px 0px 0px 0px;
background: url(../images/footer-m.jpg) repeat-x top;
}

.footer-m .bg
{
width: 100%;
background: url(../images/footer-m-d.jpg) no-repeat top right; /* on conserve cette ligne pour IE */
background: url(../images/footer-m-g.jpg) no-repeat top left, url(../images/footer-m-d.jpg) no-repeat top right;
}

.footer-m td
{
padding-top: 5px;
padding-bottom: 14px;
}

#footer .gauche a:link, #footer .gauche a:visited, #footer .gauche a:active
{
color: #ffffff;
text-decoration: none;
}

#footer .gauche a:hover
{
color: @rouge;
}

.footer-d
{
width: 19px;
background: url(../images/footer-d.jpg) no-repeat top right;
}

#footer .gauche
{
width: 451px; /* 471px - padding */
padding: 0px 0px 0px 20px;
font-size: 12px;
color: #ffffff;
float: left;
}

#footer .gauche span
{
font-size: 12px;
color: #9272aa;
}

#footer .droite
{
width: 341px; /* 471px - padding */
padding: 0px 40px 0px 90px;
float: left;
}

.miniform
{
width: 331px; /* 366px - padding */
height: 231px; /* 256 - padding */
padding-right: 15px;
padding-left: 20px;
padding-top: 25px;
color: #ffffff;
background: url(../images/enveloppe.png) no-repeat center;
}

.miniform h1
{
margin: 0;
padding: 0;
font-size: 14px;
font-weight: normal;
color: #ffffff;
text-align: left;
}

input[type=text], textarea
{
width: 160px;
padding: 4px 5px 4px 5px;
margin-bottom: 5px;
font-family: Arial;
font-size: 12px;
color: #666666;
text-align: left;
-moz-border-radius: @rad3;
-webkit-border-radius: @rad3;
border-radius: @rad3;
-moz-box-shadow: 0 0 1px #000000;
-webkit-box-shadow: 0 0 1px #000000;
box-shadow: 0 0 1px #000000;
behavior: url(PIE.htc);
position: relative;
}

select
{
width: 170px; /* taille des input + 10px */
padding: 4px 5px 4px 5px;
margin-bottom: 5px;
font-family: Arial;
font-size: 12px;
color: #666666;
text-align: left;
-moz-border-radius: @rad3;
-webkit-border-radius: @rad3;
border-radius: @rad3;
-moz-box-shadow: 0 0 1px #000000;
-webkit-box-shadow: 0 0 1px #000000;
box-shadow: 0 0 1px #000000;
behavior: url(PIE.htc);
position: relative;
}

select, option
{
background: #ffffff;
}

input[type=submit], input[type=reset]
{
margin-top: 5px;
background: url(../images/blue-button3.png) no-repeat left center;
border: 1px solid #fff;
font-family: Arial;
font-size: 14px;
color: #ffffff;
padding: 3px 10px 3px 10px;
-moz-border-radius: @rad3;
-webkit-border-radius: @rad3;
border-radius: @rad3;
-moz-box-shadow: 0 0 2px #000000;
-webkit-box-shadow: 0 0 2px #000000;
box-shadow: 0 0 2px #000000;
behavior: url(PIE.htc);
position: relative;
}

input[type=submit]:hover, input[type=reset]:hover
{
background: url(../images/blue-button3.png) no-repeat right center;
}

/*********************/

/* MENU */

#nav
{
	margin-top: 50px;
	float: right;
}

#nav li
{
    margin:0;
    padding:0;
    list-style:none;
	text-align: right;
}

#nav li a:link, #nav li a:active, #nav li a:visited
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	font-family: Arial Narrow;
	font-size: 16px;
	line-height: 24px;
	color: #999999;
	text-transform: uppercase;
	text-decoration:none;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	behavior: url(PIE.htc);
	position: relative;
}

#nav li a:hover
{
	color: #000000;
}

#nav li a.select
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	font-family: Arial Narrow;
	font-size: 16px;
	line-height: 24px;
	color: @rouge;
	text-transform: uppercase;
	text-decoration: none;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	behavior: url(PIE.htc);
	position: relative;
}

/*****/

#nav2
{
	margin-top: 45px;
}
/*
ul#nav2
{
margin: 0;
padding: 0;
overflow: auto;
}
*/
#nav2 li
{
    margin:0;
    padding:0;
    list-style:none;
	float: left;
}

#nav2 li a
{
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial Narrow;
	font-size: 12px;
	line-height: 24px;
	color: #666666;
	text-transform: uppercase;
	text-decoration:none;
	background: #ffffff;
}

#nav2 li a:hover
{
	color: #000000;
	background: @grisclair;
}

#nav2 li a.select
{
	color: #ffffff;
	background: @rouge;
}

/*********************/

#footer a:link, #footer a:visited, #footer a:active
{
color: #999999;
text-decoration: none;
}

#footer a:hover
{
color: #333333;
}

#footer .gauche span a:link, #footer .gauche span a:visited, #footer .gauche span a:active
{
color: #943e8a;
text-decoration: none;
}

#footer .gauche span a:hover
{
color: #ff6699;
}

#mail
{
width: 250px;
height: 44px;
margin-right: 71px;
text-align: center;
background: url(../images/mail.png) no-repeat top center;
float: right;
}

#mail:hover
{
background: url(../images/mail.png) no-repeat bottom center;
}

/*****************/
/* OFFRES */

#offrepanel
{
width: 825px;
padding: 10px 0px 10px 0px;
margin: auto;
}

.offre
{
width: 200px; /* 275px - padding */
padding-top: 20px;
padding-left: 37px;
padding-right: 38px;
font-size: 14px;
color: #666666;
float: left;
}

.first
{
background: url(../images/separator.png) no-repeat center right;
}

.next
{
}

.last
{
background: url(../images/separator.png) no-repeat center left;
}

.offrevisuel
{
width: 200px;
height: 100px;
margin-bottom: 10px;
border: 3px solid #ffffff;
-moz-border-radius: @rad5;
-webkit-border-radius: @rad5;
border-radius: @rad5;
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
behavior: url(PIE.htc);
position: relative;
}

.cours
{
background: url(../images/cours.jpg) no-repeat center;
}

.sejourl
{
background: url(../images/sejourl.jpg) no-repeat center;
}

.sejourc
{
background: url(../images/sejourc.jpg) no-repeat center;
}

.offre h1
{
margin: 0;
padding: 0;
font-size: 18px;
color: @rouge;
text-align: center;
text-transform: none;
}

.offre a:link, .offre a:visited, .offre a:active, .infos a:link, .infos a:visited, .infos a:active
{
color: @rouge;
text-decoration: none;
}

.offre a:hover, .infos a:hover
{
text-decoration: underline;
}

/* ACTUS */

#actus
{
width: 900px; /* base 825px */
font-size: 14px;
padding-bottom: 10px;
margin: auto;
}

/* INFOS */
/* style des liens en commun avec offre voir plus haut */

#infospanel
{
width: 825px;
margin: auto;
}

.infos
{
width: 200px; /* 275px - padding */
padding-top: 20px;
padding-left: 37px;
padding-right: 38px;
font-size: 14px;
color: #666666;
float: left;
}

.infos h1
{
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 35px;
font-size: 18px;
color: @fuchsia;
text-align: left;
text-transform: none;
}

.apropos
{
background: url(../images/apropos.png) no-repeat left;
}

.temoignage
{
background: url(../images/temoignage.png) no-repeat left;
}

.presse
{
background: url(../images/presse.png) no-repeat left;
}

/* COURS */
/* BASE DIV GAUCHE 500px */

#accordion h2
{
	font-size: 18px;
}

#accordion a:hover
{
text-decoration: none;
}

.ui-accordion .ui-accordion-content
{
padding: 0px 0px 40px 0px;
}

#accordion h4
{
padding-left: 15px;
margin-top: 40px;
}

#accordion h3
{
padding-left: 40px;
margin-top: 0px;
}

#accordion p
{
padding: 15px;
}

#panelcours
{
width: 500px;
margin: auto;
}

.fichecours
{
width: 224px; /* 230px - border */
margin: 10px;
background: #ffffff;
float: left;
border: 3px solid #ffffff;
-moz-border-radius: @rad5;
-webkit-border-radius: @rad5;
border-radius: @rad5;
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
behavior: url(PIE.htc);
position: relative;
}

.test
{
width: 100%;
}

.fichecours h1
{
margin: 0;
padding: 5px;
font-size: 18px;
color: @rouge;
text-align: center;
background: #efefef url(../images/calendar.png) no-repeat left;
}

#gauche .fichecours ul
{
list-style-type: none;
padding:0;
margin: 0;
}

#gauche .fichecours ul li
{

margin-top: 0;
margin-bottom: 0;
padding: 5px;
border-bottom: 1px dotted #b3b3b3;
text-align: center;
background-image: none;
}

#gauche li.new
{
font-weight: bold;
color: #ffffff;
text-decoration: blink;
background: #faae3f;
}

#gauche .fichecours td
{
background: #ffffff;
border-bottom: none;
}

#gauche .fichecours p
{
padding-left: 10px;
padding-right: 10px;
}

.niveau
{
padding-bottom: 10px;
font-size: 14px;
color: #666666;
text-align: center;
}

.fichecours h2
{
margin: 0;
padding: 0;
font-size: 18px;
color: #ffffff;
text-align: center;
}

.fichecours h3
{
margin: 0;
padding: 0;
font-size: 30px;
color: #ffffff;
text-align: center;
}

.fichecours h4
{
margin: 0;
padding: 0;
font-size: 12px;
color: #ffffff;
text-align: center;
}

.fichecours h5
{
margin-top: 20px;
padding: 0;
font-size: 10px;
color: #ffffff;
text-align: center;
}

.tarif
{
padding-top: 20px;
padding-bottom: 10px;
background: #c03f66; /* url(../images/tarif.jpg) no-repeat center top */
text-shadow: 0px 0px 5px #000000;
behavior: url(PIE.htc);
position: relative;
}

/* SEJOURS */

#visuel
{
width: 500px;
margin: 20px auto;
padding: 10px;
border: 1px solid @grisclair; /* pour IE */
background: #ffffff;
-moz-box-shadow:inset 0 0 10px #666666;
-webkit-box-shadow:inset 0 0 10px #666666;
box-shadow:inset 0 0 10px #666666;
}

.visuel
{
width: 480px; /* 500 - padding */
height: 80px; /* 100 - padding */
margin: 10px auto;
padding: 10px;
background: red;
}

.sakura
{
background: url(../images/visusakura.jpg) no-repeat center;
}

.toku
{
background: url(../images/visutokutoku.jpg) no-repeat center;
}

.ete
{
background: url(../images/visuete.jpg) no-repeat center;
}

.visuel h3
{
padding: 0;
margin: 0;
font-size: 24px;
color: #ffffff;
text-shadow: 0px 0px 5px #000000;
behavior: url(PIE.htc);
position: relative;
}

/* SIDEBAR */

.bloc
{
margin-right: 10px;
padding: 10px;
border-right: 10px solid @grisclair;
}

.testjap
{
padding: 20px;
font-size: 12px;
font-weight: bold;
text-align: right;
background: url(../images/testjap.jpg) no-repeat 8px center;
}

.testjap a:link, .testjap a:visited, .testjap a:active, .docs a:link, .docs a:visited, .docs a:active
{
color: @rouge;
}

.testjap a:hover, .docs a:hover
{
text-decoration: none;
}

.galerie
{
padding: 20px;
text-align: center;
}

.menurub, .menuecole
{
border-top: 10px solid @grisclair;
}

.menurub2
{
border-bottom: 10px solid @grisclair;
text-align: right;
}

.menuelt
{
border-bottom: 10px solid @grisclair;
}

.temoignages
{
/*
border-bottom: 10px solid @grisclair;
*/
border-top: 10px solid @grisclair;

}

.temoignages p
{
padding-left: 10px;
padding-right: 10px;
}

.bloc h2
{
margin-bottom: 5px;
padding-right: 10px;
font-size: 14px;
color: #666666;
text-transform: uppercase;
text-align: right;
}

.bloc ul
{
list-style-type: none;
padding:0;
margin: 0;
}

.bloc ul li
{
margin-right: 5px;
margin-left: 5px;
margin-top: 0;
margin-bottom: 0;
padding: 5px;
color: #333333;
text-align: right;
background-image: none;
}

.menurub li:before
{
content: "Les ";
color: #666666;
}

.menurub a:link, .menurub a:visited, .menurub a:active, .menuelt a:link, .menuelt a:visited, .menuelt a:active, .menuecole a:link, .menuecole a:visited, .menuecole a:active, .temoignages a:link, .temoignages a:visited, .temoignages a:active
{
color: #666666;
text-decoration: none;
}

.menurub a:hover, .menuelt a:hover, .menuecole a:hover, .temoignages a:hover
{
font-weight: bold;
}

.menurub .select, .menuecole .select
{
font-weight: bold;
}

.docs
{
margin: 20px 20px 0px 0px;
padding: 20px 10px 20px 10px;
font-size: 12px;
text-align: center;
background: ;
}

.docs h2
{
margin-bottom: 5px;
font-size: 14px;
color: @rouge;
text-transform: uppercase;
text-align: right;
}

.docs ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

.docs li
{
margin-bottom: 10px;
text-align: right;
}

.docs a:link, .docs a:visited, .docs a:active
{
text-decoration: none;
}

.docs a:hover
{
font-weight: bold;
text-decoration: none;
}

.profs p
{
padding: 10px;
}

.profs img
{
padding: 5px;
background: #ffffff;
border: 1px solid #cccccc;
}

/* FAQ */

.gototop
{
font-size: 16px;
font-weight: bold;
text-align: center;
border-top: 1px dotted @rouge;
}

.gototop a:link, .gototop a:visited, .gototop a:active
{
color: white;
text-decoration: none;
}

.gototop a:hover
{
text-decoration: underline;
}

/* INSCRIPTION */

a:link.btn-insc, a:visited.btn-insc, a:active.btn-insc, #gauche a:link.btn-insc, #gauche a:visited.btn-insc, #gauche a:active.btn-insc
{
background: url(../images/blue-button3.png) no-repeat left center;
border: 1px solid #fff;
text-align: center;
font-size: 14px;
color: #ffffff;
padding: 3px 10px 3px 10px;
-moz-border-radius: @rad3;
-webkit-border-radius: @rad3;
border-radius: @rad3;
-moz-box-shadow: 0 0 2px #000000;
-webkit-box-shadow: 0 0 2px #000000;
box-shadow: 0 0 2px #000000;
behavior: url(PIE.htc);
position: relative;
}

a:hover.btn-insc, #gauche a:hover.btn-insc
{
text-decoration: none;
background: url(../images/blue-button3.png) no-repeat right center;
}