﻿body {
margin: auto;
background: #cccccc ;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

#backg 
{
    background : url('../Img/background.png') repeat-y fixed center ;
    height:100%;
}

#backbottom
{
 background : url('../Img/backgroundbottom.png')  center ;
 height:50px;
}

#site
{
margin: auto;
width : 980px;
overflow:hidden;
}


#top 
{
width : 980px;
height : 80px;
background-color : #f1eff8;
background-image : url('../Img/bgTop.png');
background-repeat: no-repeat;
border-bottom : 1px solid #c0c0c0;
}

div.cache
{
visibility: hidden;
}


#banner {
float : left;
width : 400px;
}

#login
{
width:148px;
float:right;
margin-right : 2px;
margin-top : 4px;
text-align:center;
}

a.login
{
font-size:0.95em;
font-weight:bold;
color:#444;
text-decoration:underline;
}

#banlogo {
width : 350px;
height : 70px;
vertical-align : top;
margin-left : 10px;
}

.descpage {
height : 120px;
padding-left : 45px;
width : 935px;
}

#descpart1, #descpart2 {
font-weight : bold;
font-size : 30px;
font-style : normal;
font-variant : normal;
font-family :  'Century Gothic',Verdana;
text-align : center;
margin-left : -45px;
}

#descpart1 {
padding-top : 20px;
}

a {
color : #444444;
font-style : normal;
text-decoration : none;
border : 0;
}

a:hover {
text-decoration : underline;
}


#recherche 
{
width:500px;
background: url(../Img/bgsrch.png) no-repeat top right ;
height : 22px;
text-align:right;
}

* html #recherche  {
width:450px;
background: url(../Img/bgsrch.png) no-repeat top right ;
height : 22px;
text-align:right;
}

.searchtextbox
{
width:165px;
border:0;
color:#666666;
vertical-align:baseline;
margin-right:20px;vertical-align:bottom;
}

#middle {
width : 980px;
}

#corps_gauche {
width : 610px;
float : left;
padding : 20px 10px 10px 20px;
font-size : small;
text-align : justify;
color : #444444;
}

table.entetecorps, table.contact, table.partenaires 
{
width : 600px;
}

#chemin {
margin-bottom : 20px;
font-family :   'Century Gothic',Verdana;
}

#cadre_droite {
min-height : 500px;
width : 328px;
float : right;
margin : 0 0 0 0;
font-family :   'Century Gothic',Verdana;
font-size:15px;
}

#netviewer 
{
background:url(../Img/netviewer.png) top left no-repeat;
height:49px;
width:180px;
}

#fvi2010
{
background:url(../Img/fvi2010.png) top left no-repeat;
height:49px;
width:180px;
}

#pilotecle
{
background:url(../Img/pilotecle.png) top left no-repeat;
height:49px;
width:180px;
}

#fidu2010
{
background:url(../Img/fidu2010.png) top left no-repeat;
height:49px;
width:180px;
}

#netviewer:hover, #fvi2010:hover, #pilotecle:hover, #fidu2010:hover
{
background-position:-180px;
}




div.box_t {
height : 26px;
width : 320px;
background : url('../Img/centre_top.png') no-repeat;
margin-top : 0;
margin-bottom : 0;
padding-top:14px;
padding-left:14px;
font-weight:bold;
text-indent:7px;
}

div.box_b {
height : 15px;
width : 320px;
background : url('../Img/centre_bottom.png') no-repeat;
margin-top : 0;
margin-bottom : 0;
}

div.content {
background : url('../Img/centre_content.png') repeat-y;
margin : 0;
}

.boxmenu, .boxpub, .boxtwitter {
width : 320px;
margin:auto;
margin-top : 30px;
}

.boxtwitter 
{
    padding: 0px 20px 20px 20px;
    background:url('../Img/bg.png') no-repeat;
    height:250px;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

.datetwit {
color : #c0abd6;
font-size :smaller;
text-decoration : none;
}

.texttwit {
font-size :small;
text-decoration : none;
}

.boxmenu .content {
min-height : 30px;
}

.boxmenu ul {
margin-top : 0px;
margin-bottom : 0px;
margin-right : 10px;
margin-left : 10px;
-padding-left : 30px;
/padding-left : 30px;
}

.boxmenu li 
{
list-style-type:square;
color:#9561ac;
}

.VMiddle
{
vertical-align:middle;    
}

#bottom {
width : 980px;
height : 80px;
float : left;
}

#bottom table {
width : 95%;
margin:auto;
text-align : center;
font-size : x-small;
font-family : 'Century Gothic', Verdana;
color : #444444;
}

img {
border-style : none;
}

img.plan {
border-bottom : 2px solid black;
border-right : 2px solid black;
border-top : 1px solid gray;
border-left : 1px solid gray;
}

img.imgsolution, img.imgformation 
{
width:220px;
cursor:pointer;
}

a.lien {
color : #685687;
text-decoration : underline;
}

a.lien:hover {
color : #4b1f74;
text-decoration : none;
}

a.url {
color : #c0abd6;
font-size : small;
text-decoration : none;
}

a.current {
font-style : italic;
}

.center {
text-align:center;
}

.left {
text-align:left;
}

.right {
text-align:right;
}

.souligne {
text-decoration : underline;
}

.gras {
font-weight : 600;
}

.italique 
{
font-style:italic;
}

.barre
{
    text-decoration:line-through;
}

.paragraphe {
text-indent:20px;   
}

.xsmall
{
font-size:x-small;   
}

.medium
{
font-size:medium;
}

.large
{
font-size:large;
}


span.alignright {
position : relative;
left : 500px;
}

div.hr {
margin-top : 10px;
height : 10px;
background : url(../Img/ombre_excerpt.png) no-repeat scroll top;
}

div.lilhr {
margin-top : 10px;
height : 20px;
background : url(../Img/hr.png) no-repeat scroll top;
}

div.hr hr, div.lilhr hr {
display : none;
}

a.solution {
font-size : medium;

font-weight : bold;
text-align : center;
}

p.sol_professionnel, p.sol_privé, p.sol_entreprise, p.sol_particulier, p.form_journée, p.form_en_ligne {
padding-left : 70px;
margin-left : 10px;
min-height : 50px;
}

p.sol_professionnel, p.sol_privé, p.sol_entreprise {
background : url(../Img/covers/logosolpat.jpg) no-repeat top left;
}

p.sol_particulier {
background : url(../Img/covers/logosolprivpat.jpg) no-repeat top left;
}   

p.form_journée, p.form_en_ligne {
background : url(../Img/logoformation.jpg) no-repeat top left;
}

div.entetesection 
{
width:80%;
margin-bottom:25px;
border-bottom:1px solid #935ba9;    
font-size:20px;
font-weight:bold;
font-family : "Helvetica","Verdana";
}

table.tarifs, table.formations, table.calendrier, table.dossiers {
width : 580px;
margin-bottom : 15px;
}

table.tarifs th, table.calendrier th, table.formations th, table.dossiers th
{
height:28px;
text-align:center;
background-image:url(Img/fd_menu.gif);
background-position :center center ;
background-repeat: repeat-x; 
padding:0;
color:#fff;
font-weight:bold;
}

table.tarifs td, table.calendrier td, table.formations td, table.dossiers td
{
height:28px;
border-bottom-style:dotted;
border-bottom-width: 1px ;
padding:0;
}

table.contact td
{
padding-left:8px;
}

table.contact img 
{
vertical-align:bottom;   
}

table.contact td.formulairecontact 
{
width:340px;   
border-right:1px solid gray;
}

table.contact .inputform
{
background : #ffffff url('../Img/backsrch.gif') repeat-x;    
width:220px;
}

table.tab100
{
width:100%; 
border-spacing: 0px;
border-collapse: collapse;
}

table.tabformulaire
{
width:100%; 
border:1px solid #cccccc; 
border-spacing: 7px;
}

td.prix, td.lieu, td.duree {
width : 80px;
text-align : center;
}

td.bouton
{
width : 110px;
text-align : center;
}

td.entetetab {
text-align : center;

font-weight:bold;
}

#map_canvas
{
width:600px;
height:400px;
border-top:3px solid #666666;
border-left:3px solid #666666;
border-bottom:3px solid #111111;
border-right:3px solid #111111;
}

table.snap .imgpointeur{
width : 54px;
cursor:pointer;
}


.imagesol, .imageform{
float:left;
width:240px;
background:#ffffff;
}

.entetesol 
{
font-size:21px;
font-weight:bolder;
margin-left:10px;
margin-bottom:20px;
float:right;
}

.brefsol, .brefform
{
margin-bottom: 20px;
margin-left:10px;
}

.boutonsol td, .boutonform td
{
font-family:Helvetica;
font-style:italic;
}

.tabstripsol, .tabstripform
{
clear: both;
}

#show
{
position:fixed; 
margin-left:auto;
margin-right:auto;
display:none;
width:100%;
height:100%;
overflow:hidden;
}

#conteneurshow
{
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
background:#ffffff;
}

.pointeur
{
cursor:pointer;
}

.cellclient
{
text-align:right;  
font-weight:bold;
font-size:small;  
width:100px;
}

.celldataclient
{
text-align:left;  
font-size:small;  
width:300px;
}

#carte, #listeregions_1
{
float:left;
}

#listeregions_1, #listeregions_2
{
padding-top:20px;
min-width:200px;
}


ul.regions li:hover
{
cursor:pointer;
text-decoration:underline;
}



img.reserve 
{
background:url(../Img/reserveit.png) top left no-repeat;
}

img.achete
{
background:url(../Img/buyit.png) top left no-repeat;
}

img.commande
{
background:url(../Img/commandit.png) top left no-repeat;
}

img.details
{
background:url(../Img/details.png) top left no-repeat;
}

img.telecharge
{
background:url(../Img/pdf.png) top left no-repeat;
}

.modifie
{
background:url(../Img/modifyit.png) top left no-repeat;
}

.validate
{
background:url(../Img/validateit.png) top left no-repeat;
}

.annule
{
background:url(../Img/cancelit.png) top left no-repeat;
}

img.reserve, img.achete, img.commande, img.details, img.telecharge, .modifie, .validate, .annule
{
height:18px;
width:88px;
}

img.reserve:hover, img.achete:hover, img.commande:hover, img.details:hover, img.telecharge:hover, .modifie:hover, .validate:hover, .annule:hover
{
background-position: -88px;
}

img.demovideo 
{
width:240px;
height:230px;
background:url(../Img/demosys.png) top left no-repeat;
cursor:pointer;
}

img.demovideo:hover
{
background-position: -240px;
}

.ts_infos
{
background:url(../Img/ts_info.png) bottom right no-repeat;   
}

.ts_impressions
{
background:url(../Img/ts_impr.png) bottom right no-repeat;   
}

.ts_formations
{
background:url(../Img/ts_form.png) bottom right no-repeat;   
}

.ts_tarifs
{
background:url(../Img/ts_prix.png) bottom right no-repeat;   
}

.ts_description
{
background:url(../Img/ts_desc.png) bottom right no-repeat;  
}

.ts_dates
{
background:url(../Img/ts_date.png) bottom right no-repeat; 
}

.style1
{
margin-left: 30px;
}

.Cell_white
{
border:0;
background-color:#ffffff;
}

.righttab_commande
{
    border:1px solid #cccccc;
    text-align:center;
    background-color:#f2f2f2;
    width:125px;
}

.lefttab_commande
{
    border:1px solid #cccccc;
    text-align:right;
    padding-right:10px;
}

.head_commande, .id_head_commande
{
height:22px;
color:#ffffff;
font-weight:bold;
}

.head_commande
{
background-color:#827f7f;
padding-left:10px;
}

.id_head_commande
{
width:22px;
background-color:#905aa8;
text-align:center;
}

.cellAuth 
{
padding-right:10px;
width:140px;
padding-left:100px ;
}



.testradio 
{
vertical-align:text-top;

}

.radiomiddle
{
margin-left:15px;
margin-right:15px;
padding-top:15px;
float:left;
height:50px;   
}

#loginbox 
{
width:600px;
}

.logintab
{
height:125px;
width:342px;
border:0;
padding:0;
}

.loginfield
{
background:url(../Img/icons/login.png) top right no-repeat;
}

.passfield
{
background:url(../Img/icons/pass.png) top right no-repeat;
}

.cellRadTextForm
{
    border:0;
}

.entetecolor
{
text-align:center;
color:White;
background-color:#8d679c;
font-weight:bold;
}

tr.tr0
{
background-color:#f5f5f5;
}

tr.tr1
{
background-color:#ffffff;
}


.mois_1, .mois_2, .mois_3, .mois_4, .mois_5, .mois_6, .mois_7, .mois_8, .mois_9, .mois_10, .mois_11, .mois_12
{
    font-weight:bold;
    padding:17px 0 0 11px;
    height:25px;
    width:40px;
    float:left;
}

.mois_1
{ background:url(../Img/icons/01.gif) no-repeat;}

.mois_2
{ background:url(../Img/icons/02.gif) no-repeat;}

.mois_3
{ background:url(../Img/icons/03.gif) no-repeat;}

.mois_4
{ background:url(../Img/icons/04.gif) no-repeat;}

.mois_5
{ background:url(../Img/icons/05.gif) no-repeat;}

.mois_6
{ background:url(../Img/icons/06.gif) no-repeat;}

.mois_7
{ background:url(../Img/icons/07.gif) no-repeat;}

.mois_8
{ background:url(../Img/icons/08.gif) no-repeat;}

.mois_9
{ background:url(../Img/icons/09.gif) no-repeat;}

.mois_10
{ background:url(../Img/icons/10.gif) no-repeat;}

.mois_11
{ background:url(../Img/icons/11.gif) no-repeat;}

.mois_12
{ background:url(../Img/icons/12.gif) no-repeat;}