/*--- Généralités ---*/
.lien-noir a {color:#151515; font-weight:bold;}
.lien-noir a:hover {color:#151515; text-decoration:none;}
.lien-pdf a img {border:none; text-decoration:none;}
.lien-gris a {color:#444444; font-weight:bold;}
.lien-gris a:hover {color:#444444; text-decoration:none;}
.lien-gris2 a {color:#444444; font-weight:normal;}
.lien-gris2 a:hover {color:#444444; text-decoration:none;}
.lien-bleu a {color:#007db7; font-weight:bold;}
.lien-bleu a:hover {color:#007db7; text-decoration:none;}
.img {padding:2px; border:1px solid #151515;}
.image-type {width:160px; float:left;}
.bleu {font-weight:bold; color:#009be1;}
.gris {color:#444444; font-style:italic;}
.bouton-contact a {background:url(../img/internet-formation-contact.png) no-repeat top; text-indent:-9999px; outline:none; width:117px; height:28px; display:block;}
.bouton-contact a:hover {background:url(../img/internet-formation-contact.png) no-repeat bottom; text-indent:-9999px; outline:none; width:117px; height:28px}
.puce {background:url(../img/puce.png) no-repeat left top; padding-left:22px;}
.phrase-intro {font-weight:bold; margin:12px 0;}
.valid {background:url(../img/accept.png) no-repeat left top; padding-left:20px;}
.pack {background:url(../img/Settings.png) no-repeat left top; padding-left:22px; margin-left:50px; margin-bottom:25px;}
.bottom2 {margin-bottom:5px;}
.tarifs {background:url(../img/blockdevice.png) no-repeat left top; padding-left:22px; font-weight:bold; font-size:1.3em; margin-bottom:5px;}
.info-tarif {margin-top:15px; font-weight:bold;}


/*--- HEADER et FOOTER ---*/
#header {height:48px; background:url(../img/top.png) repeat-x; border-bottom:2px solid #444444;}
#global-top {width:900px; margin:0 auto; position:relative; height:50px;}
#global-bottom {width:900px; margin:0 auto; position:relative; height:140px;}
#date {position:absolute; top:30%; left:80px; font-weight:bold;}
#email {position:absolute; top:30%; right:10px; color:#444444; font-weight:bold;}
#gplus {position:absolute; top:25%; left:10px; color:#444444; font-weight:bold;}
#footer {height:140px; border-top:2px solid #444444; position:relative;}
#liens-footer {position:absolute; top:10px; right:10px;}
#credits {position:absolute; top:30px; right:10px;}
#partenaires {position:absolute; top:80px; left:10px; font-weight:bold; color:#444444; font-size:0.7em;}

/*--- CONTENU ---*/
#page {background:#ffffff;}
#contenu {padding:16px 8px;}
#contenu .col-l h2, #contenu .col-r h2 {text-transform:uppercase; font-size:1.3em; margin-bottom:16px; margin-top:0px;}

	/*--- Bandeau-logo ---*/
	#bandeau-logo {height:100px; position:relative;}
	#logo {background:url(../img/logo.png) no-repeat; width:398px; height:47px; text-indent:-9999px; outline:none; position:absolute; top:25%; left:5px;}
	#liens {position:absolute; top:20%; right:15px;}
	
	/*--- Menu ---*/
	#menu {height:50px;}
	#menu ul li {height:50px; float:left; margin-right:4px}
	.button, .button2, .button3, .button4, .button5, .button6 {position: relative; cursor: pointer; text-decoration: none;}
			
	#un a {width:100px; height:50px; text-indent:-9999px; background:url(../img/bouton1.png) top no-repeat; display:block; outline:none}
	#un a:hover {width:100px; height:50px; text-indent:-9999px; background:url(../img/bouton1.png) bottom no-repeat;display:block; outline:none}
	#bouton-un a {width:100px; height:50px; text-indent:-9999px; background:url(../img/bouton1.png) bottom no-repeat; display:block; outline:none}
	
	#deux a {width:120px; height:50px; text-indent:-9999px; background:url(../img/bouton2.png) top no-repeat; display:block; outline:none}
	#deux a:hover {width:120px; height:50px; text-indent:-9999px; background:url(../img/bouton2.png) bottom no-repeat;display:block; outline:none}
	#bouton-deux a {width:120px; height:50px; text-indent:-9999px; background:url(../img/bouton2.png) bottom no-repeat;display:block; outline:none}
	
	#trois a {width:120px; height:50px; text-indent:-9999px; background:url(../img/bouton3.png) top no-repeat; display:block; outline:none}
	#trois a:hover {width:120px; height:50px; text-indent:-9999px; background:url(../img/bouton3.png) bottom no-repeat; display:block; outline:none}
	#bouton-trois a {width:120px; height:50px; text-indent:-9999px; background:url(../img/bouton3.png) bottom no-repeat; display:block; outline:none}
	
	#quatre a {width:177px; height:50px; text-indent:-9999px; background:url(../img/bouton4.png) top no-repeat; display:block; outline:none}
	#quatre a:hover {width:177px; height:50px; text-indent:-9999px; background:url(../img/bouton4.png) bottom no-repeat; display:block; outline:none}
	#bouton-quatre a {width:177px; height:50px; text-indent:-9999px; background:url(../img/bouton4.png) bottom no-repeat; display:block; outline:none}
	
	#cinq a {width:111px; height:50px; text-indent:-9999px; background:url(../img/bouton5.png) top no-repeat; display:block; outline:none}
	#cinq a:hover {width:111px; height:50px; text-indent:-9999px; background:url(../img/bouton5.png) bottom no-repeat; display:block; outline:none}
	#bouton-cinq a {width:111px; height:50px; text-indent:-9999px; background:url(../img/bouton5.png) bottom no-repeat; display:block; outline:none}
	
	#six a {width:97px; height:50px; text-indent:-9999px; background:url(../img/bouton6.png) top no-repeat; display:block; outline:none}
	#six a:hover {width:97px; height:50px; text-indent:-9999px; background:url(../img/bouton6.png) bottom no-repeat; display:block; outline:none}
	#bouton-six a {width:97px; height:50px; text-indent:-9999px; background:url(../img/bouton6.png) bottom no-repeat; display:block; outline:none}

	/*--- Bandeau-image ---*/
	#bandeau-image {margin-top:3px; background:url(../img/bl.gif) no-repeat bottom left #151515; height:236px; padding:7px;}
	#bandeau-image-formation {margin-top:3px; background:#151515; border-top:7px solid #151515; border-bottom:7px solid #151515; border-left:7px solid #151515; height:236px;}
	#cadre-gauche {float:left; width:220px; height:240px; background:url(../img/cadre-gauche.jpg) no-repeat; position:relative;}
	#cadre-gauche h2 {text-indent:-9999px; outline:none; position:absolute; background:url(../img/Internet-formation-agence-web-1.png) no-repeat; width:204px; height:133px; position:absolute; right:10px; top:38px;}
	#bouton-consult {position:absolute; bottom:15px; right:15px;}
	#bouton-consult a {background:url(../img/bouton-consult.png) no-repeat top; text-indent:-9999px; outline:none; width:117px; height:28px; display:block;}
	#bouton-consult a:hover {background:url(../img/bouton-consult.png) no-repeat bottom; text-indent:-9999px; outline:none; width:117px; height:28px}
	#cadre-droite {float:right; width:660px; height:240px;}

	/*--- Bandeau-bas ---*/
	#bandeau-bas {background:#f1f1f1; border-top:2px solid #444444; padding:14px 8px 4px 8px;}
	#bandeau-bas2 {background:#f1f1f1; border-top:2px solid #444444; padding:14px 8px 16px 8px;}
	#bandeau-bas h2 {text-transform:uppercase; font-size:1.3em; margin-bottom:10px;}
	#bandeau-bas2 h2 {text-transform:uppercase; font-size:1.3em; margin-bottom:20px; color:#d30000;}
	
	/*--- Agenda inter ---*/
	#inter {background:; border-top:2px solid #444444; padding:16px 8px 8px 8px;}
	#inter h2 {background:url(../img/loupe.png) no-repeat left; padding-left:22px; text-transform:uppercase; font-size:1.3em; margin-bottom:18px; color:#d30000}
	#agenda-inter .col-agenda-l {float:left; width:752px; font-size:1.2em;}
	#agenda-inter .col-agenda-r {float:right; width:78px; background:url(../img/inscription.png) no-repeat left; padding-left:24px; font-size:1.2em; font-weight:bold;}
	#agenda-inter .col-agenda-r a {color:#d30000; text-decoration:none;}
	#agenda-inter .col-agenda-r a:hover {color:#d30000; text-decoration:underline;}
	.programmes a {background:url(../img/internet-formation-pdf.png) no-repeat; width:16px; height:16px; vertical-align:top}
	.prix {font-weight:bold;}
	.dates {font-weight:bold;}
	.titres {font-weight:bold; color:#009be1;}
	.durees {font-weight:bold;}
	#cadre-agenda p {background:url(../img/blockdevice.png) no-repeat left; padding-left:22px; margin-bottom:6px;}
	
/*--- Accueil ---*/
#image-accueil {float:left; width:200px; padding-top:7px;}
#texte2 {margin:12px 0px;}
#image-texte3 {float:left; width:120px;}
#cadre-blog {padding-top:8px;}
#blog {float:left; width:50%;}
#blog .col-blog-l {float:left; width:95px;}
#blog .col-blog-r {float:left; width:330px;}
#blog .col-blog-l img {margin-top:5px;}
#blog p {margin-bottom:3px;}
#blog .fleche-bleue {background:url(../img/fleche-bleue.png) no-repeat left; padding-left:22px; min-height:18px;}
#choisir {float:right; width:47%;}
.ligne-img {margin-bottom:12px;}
.col-img-l {float:left; width:120px; margin-right:15px;}
.col-img-r {float:left; width:120px;}
.texte-img {font-weight:bold; text-align:center; margin-top:3px; color:#151515;}
#bouton-creation a {background:url(../img/Internet-formation-creation-site-web.png) no-repeat top; text-indent:-9999px; outline:none; width:147px; height:28px; display:block;}
#bouton-creation a:hover {background:url(../img/Internet-formation-creation-site-web.png) no-repeat bottom; text-indent:-9999px; outline:none; width:147px; height:28px}

/*--- Formations ---*/
#formation0 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/initiation-internet-services-web.png) left no-repeat; display:block; outline:none}
#formation1 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-referencement-web.png) left no-repeat; display:block; outline:none}
#formation2 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-redaction-web.png) left no-repeat; display:block; outline:none}
#formation3 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-html-css.png) left no-repeat; display:block; outline:none}
#formation4 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-ergonomie-web.png) left no-repeat; display:block; outline:none}
#formation5 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-photoshop-semiotique.png) left no-repeat; display:block; outline:none}
#formation6 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-outils-cms.png) left no-repeat; display:block; outline:none}
#formation7 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-web-2.png) left no-repeat; display:block; outline:none}
#formation8 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-php-mysql.png) left no-repeat; display:block; outline:none}
#formation9 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-newsletter-emailing.png) left no-repeat; display:block; outline:none}
#formation0 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/initiation-internet-services-web.png) right no-repeat; display:block; outline:none}
#formation1 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-referencement-web.png) right no-repeat; display:block; outline:none}
#formation2 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-redaction-web.png) right no-repeat; display:block; outline:none}
#formation3 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-html-css.png) right no-repeat; display:block; outline:none}
#formation4 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-ergonomie-web.png) right no-repeat; display:block; outline:none}
#formation5 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-photoshop-semiotique.png) right no-repeat; display:block; outline:none}
#formation6 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-outils-cms.png) right no-repeat; display:block; outline:none}
#formation7 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-web-2.png) right no-repeat; display:block; outline:none}
#formation8 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-php-mysql.png) right no-repeat; display:block; outline:none}
#formation9 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-newsletter-emailing.png) right no-repeat; display:block; outline:none}
#formation1-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-referencement-web.png) right no-repeat; display:block; outline:none}
#formation2-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-redaction-web.png) right no-repeat; display:block; outline:none}
#formation3-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-html-css.png) right no-repeat; display:block; outline:none}
#formation4-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-ergonomie-web.png) right no-repeat; display:block; outline:none}
#formation5-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-photoshop-semiotique.png) right no-repeat; display:block; outline:none}
#formation6-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-outils-cms.png) right no-repeat; display:block; outline:none}
#formation7-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-web-2.png) right no-repeat; display:block; outline:none}
#formation8-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-php-mysql.png) right no-repeat; display:block; outline:none}
#formation9-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/formation-newsletter-emailing.png) right no-repeat; display:block; outline:none}
#image-formation1 {float:left; width:200px; padding-top:2px;}
#image-formation2 {float:left; width:200px; padding-top:2px;}
#image-formation img {float:left;}
#bouton-formation a {background:url(../img/internet-formation-contact.png) no-repeat top; text-indent:-9999px; outline:none; width:117px; height:28px; display:block; float:right; margin-bottom:8px;}
#bouton-formation a:hover {background:url(../img/internet-formation-contact.png) no-repeat bottom; text-indent:-9999px; outline:none; width:117px; height:28px}
#texte4 {margin:12px 0px;}

/*--- Prestations ---*/
#prestation1 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-referencement-web.png) right no-repeat; display:block; outline:none}
#prestation2 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-ecriture-web.png) right no-repeat; display:block; outline:none}
#prestation3 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-reecriture-web.png) right no-repeat; display:block; outline:none}
#prestation4 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-charte-editoriale-web.png) right no-repeat; display:block; outline:none}
#prestation5 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-graphisme-web.png) right no-repeat; display:block; outline:none}
#prestation6 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-gestion-site-web.png) right no-repeat; display:block; outline:none}
#prestation7 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-emailing-newsletter.png) right no-repeat; display:block; outline:none}
#prestation1 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-referencement-web.png) left no-repeat; display:block; outline:none}
#prestation2 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-ecriture-web.png) left no-repeat; display:block; outline:none}
#prestation3 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-reecriture-web.png) left no-repeat; display:block; outline:none}
#prestation4 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-charte-editoriale-web.png) left no-repeat; display:block; outline:none}
#prestation5 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-graphisme-web.png) left no-repeat; display:block; outline:none}
#prestation6 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-gestion-site-web.png) left no-repeat; display:block; outline:none}
#prestation7 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-emailing-newsletter.png) left no-repeat; display:block; outline:none}
#prestation1-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-referencement-web.png) left no-repeat; display:block; outline:none}
#prestation2-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-ecriture-web.png) left no-repeat; display:block; outline:none}
#prestation3-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-reecriture-web.png) left no-repeat; display:block; outline:none}
#prestation4-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-charte-editoriale-web.png) left no-repeat; display:block; outline:none}
#prestation5-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-graphisme-web.png) left no-repeat; display:block; outline:none}
#prestation6-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/prestation-gestion-site-web.png) left no-repeat; display:block; outline:none}
#prestation7-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-emailing-newsletter.png) left no-repeat; display:block; outline:none}
#bouton-prestation a {background:url(../img/internet-formation-contact.png) no-repeat top; text-indent:-9999px; outline:none; width:117px; height:28px; display:block; float:right; margin-bottom:8px; margin-top:12px;}
#bouton-prestation a:hover {background:url(../img/internet-formation-contact.png) no-repeat bottom; text-indent:-9999px; outline:none; width:117px; height:28px}
.fleche {background:url(../img/suivant.png) no-repeat left top; padding-left:20px;}
.bottom {margin-bottom:6px;}

/*--- création de site web ---*/
#creation1 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-vitrine.png) right no-repeat; display:block; outline:none}
#creation2 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-cms.png) right no-repeat; display:block; outline:none}
#creation3 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-ecommerce.png) right no-repeat; display:block; outline:none}
#creation4 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-sur-mesure.png) right no-repeat; display:block; outline:none}
#creation5 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-blog-professionnel.png) right no-repeat; display:block; outline:none}
#creation1 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-vitrine.png) left no-repeat; display:block; outline:none}
#creation2 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-cms.png) left no-repeat; display:block; outline:none}
#creation3 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-ecommerce.png) left no-repeat; display:block; outline:none}
#creation4 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-sur-mesure.png) left no-repeat; display:block; outline:none}
#creation5 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-blog-professionnel.png) left no-repeat; display:block; outline:none}
#creation1-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-vitrine.png) left no-repeat; display:block; outline:none}
#creation2-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-cms.png) left no-repeat; display:block; outline:none}
#creation3-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-ecommerce.png) left no-repeat; display:block; outline:none}
#creation4-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-site-web-sur-mesure.png) left no-repeat; display:block; outline:none}
#creation5-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/creation-blog-professionnel.png) left no-repeat; display:block; outline:none;}
.col-r-l {float:left; width:82%;}
.col-r-r {float:right; width:17%;}
.ligne-col-r {border:1px solid #151515; padding:8px;}
.ligne-col-r h3 {margin-bottom:10px; font-size:1.2em;}
.ligne-col-r p {line-height:1.6em;}

/*--- Conseils ---*/
#coaching1 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-communication-web.png) right no-repeat; display:block; outline:none}
#coaching2 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-ecriture-web.png) right no-repeat; display:block; outline:none}
#coaching3 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-site-web-2.png) right no-repeat; display:block; outline:none}
#coaching4 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-maquette-web.png) right no-repeat; display:block; outline:none}
#coaching5 a {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-ergonomie-web.png) right no-repeat; display:block; outline:none}
#coaching1 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-communication-web.png) left no-repeat; display:block; outline:none}
#coaching2 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-ecriture-web.png) left no-repeat; display:block; outline:none}
#coaching3 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-site-web-2.png) left no-repeat; display:block; outline:none}
#coaching4 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-maquette-web.png) left no-repeat; display:block; outline:none}
#coaching5 a:hover {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-ergonomie-web.png) left no-repeat; display:block; outline:none}
#coaching1-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-communication-web.png) left no-repeat; display:block; outline:none}
#coaching2-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-ecriture-web.png) left no-repeat; display:block; outline:none}
#coaching3-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-site-web-2.png) left no-repeat; display:block; outline:none}
#coaching4-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-maquette-web.png) left no-repeat; display:block; outline:none}
#coaching5-hover a {width:218px; height:31px; text-indent:-9999px; background:url(../img/accompagnement-ergonomie-web.png) left no-repeat; display:block; outline:none}

/*--- Contact ---*/
.colc {font-weight:bold; margin-bottom:12px;}
.collc {width:45%; float:left; margin-bottom:8px; margin-right:8%;}
.colrc {width:45%; float:right; margin-bottom:8px;}
#form1 label {font-weight:bold; display:block; margin-bottom:3px;}
#pro {margin:15px 0;}
#selection {float:left; width:28%; padding-top:3px;}
#champs input {border:1px solid #151515; padding:1px; width:100%;}
#captcha input {border:1px solid #151515; padding:1px; width:100%;}
#input-captcha {float:left; width:40%;}
#code-captcha {float:right; width:53%; margin-top:-8px;}
#form1 textarea {border:1px solid #151515; padding:1px; width:100%; height:80px;}
#form1 select {border:1px solid #151515; padding:1px; float:left; width:60%;}
.requis {color:#009be1; font-weight:bold; font-size:1.1em;}
#requis {color:#009be1; font-weight:bold; font-size:1.1em; float:left; width:50%; padding-top:4px;}
#boutonenvoi a {float:right; background:url(../img/envoyer.png) no-repeat top; width:117px; height:28px; outline:none; display:block; text-indent:-9999px;}
#boutonenvoi a:hover {float:right; background:url(../img/envoyer.png) no-repeat bottom; width:117px; height:28px;}
.coord {margin-top:15px;}
.labelcoord {font-weight:bold; line-height:1.7em}
#bouton-contact a {background:url(../img/internet-formation-contact.png) no-repeat top; text-indent:-9999px; outline:none; width:117px; height:28px; display:block; float:right; margin-bottom:8px; margin-top:12px;}
#bouton-contact a:hover {background:url(../img/internet-formation-contact.png) no-repeat bottom; text-indent:-9999px; outline:none; width:117px; height:28px}

/*--- Mentions légales ---*/
#contenu {position:relative;}
#page100 #contenu .coord {margin:6px 0 12px 0;}
#page100 #contenu img {position:absolute; right:0;}
.titrementions {text-transform:uppercase; font-size:1.3em; background:url(../img/puce-mentions-legales.png) no-repeat left; padding-left:25px;}

/*--- F.A.Q. ---*/
#titre {text-transform:uppercase; font-size:1.3em; margin-bottom:16px; margin-top:0px;}
#faq p a {background:url(../img/Gnome-Dialog-Question-32.png) no-repeat left; padding-left:22px; color:#151515; font-size:1em; font-weight:bold; line-height:25px;}
#faq p a:hover {text-decoration:none;}
#page99 .titrementions {text-transform:uppercase; font-size:1.1em; background:url(../img/puce-mentions-legales.png) no-repeat left; padding-left:25px; line-height:25px; margin-top:35px}
#page99 .faq_rep {font-size:0.9em; margin-bottom:5px;}
.modif {color:#009be1;}

/*--- Plan du site ---*/
#plan .titreplan {margin-top:5px;}
#plan h4 a {color:#151515; font-size:1.1em; background:url(../img/plan-du-site.png) left no-repeat; padding-left:22px; line-height:22px; display:block; text-decoration:none; outline:none;}
#plan h4 a:hover {color:#151515; background:url(../img/plan-du-site.png) left no-repeat;}
#plan h3 {margin-left:5%;}
#plan h3 a {color:#151515; font-weight:normal; font-size:0.9em; background:url(../img/Gnome-Go-Next-32.png) left no-repeat; padding-left:25px; outline:none}
#plan h3 a:hover {color:#151515; background:url(../img/Gnome-Go-Last-32.png) left no-repeat; padding-left:25px; text-decoration:none;}

/*--- Société ---*/
#image-societe {width:220px; padding-top:3px;}
#bouton-societe a {background:url(../img/internet-formation-contact.png) no-repeat top; text-indent:-9999px; outline:none; width:117px; height:28px; display:block; margin-top:15px;}
#bouton-societe a:hover {background:url(../img/internet-formation-contact.png) no-repeat bottom; text-indent:-9999px; outline:none; width:117px; height:28px}
#societe {position:relative;}
#img-societe {float:right; width:190px;}
#texte-societe {float:left; width:410px; padding-top:3px;}
#texte-societe2 {margin-top:10px;}
