﻿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
{
    position:absolute;
    top:0;
width:200px;}

#banner img{
margin:-5px 0 0 5px;}

#login{
width:148px;
float:right;
margin-right:2px;
margin-top:4px;
text-align:center;}

a.login{
font-size:0.95em;
color:#444;}

#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:450px;
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;}

#breadcrumb{
margin-bottom:20px;
font-family:'Century Gothic',Verdana;
padding:5px;
background:#fcf8fc;}

#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;}

#fvi2011{
background:url(../Img/fvi2011.png) top left no-repeat;
height:49px;
width:180px;}

#fvi2012{
background:url(../Img/fvi2012.png) top left no-repeat;
height:49px;
width:180px;}

#pilotecle{
background:url(../Img/pilotecle.png) top left no-repeat;
height:49px;
width:180px;}

#fidu2010, #fidu2011{
background:url(../Img/fidu.png) top left no-repeat;
height:49px;
width:180px;}

#netviewer:hover, #fvi2010:hover, #fvi2011:hover, #pilotecle: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;}

.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 : 40px;
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;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.gras {font-weight : 600;}
.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_prive, p.sol_entreprise, p.sol_particulier, p.form_journee, p.form_en_ligne {
padding-left : 70px;
margin-left : 10px;
min-height : 50px;}

p.sol_professionnel, p.sol_prive, 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_journee, p.form_en_ligne{background : url(../Img/logoformation.jpg) no-repeat top left;}

h1.entetesection{
width:80%;
font-size:20px;
font-weight:bold;
font-family : "Helvetica","Verdana";
border-bottom:1px solid #935ba9;    
margin-bottom:25px;}

h2{font-size:17px;}
h3{font-size:13px;}
h4{font-size:11px;}
h5{font-size:9px;}

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;}

.pointeur{cursor:pointer;}

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;}

.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;
height:38px;
width:40px;
float:left;
padding-left:10px;
padding-top:14px;}

.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;}
