Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta name="viewport" content="width=device-width, maximum-scale=1.0" />
<title>L'Agence de Coopération Internationale de la Région Aquitaine</title>

<link rel="stylesheet" href="http://interco.aquitaine.fr/wp-content/plugins/sitepress-multilingual-cms/res/css/language-selector.css?v=2.4.2" type="text/css" media="all" />
<meta charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
<link rel="stylesheet" type="text/css" href="http://interco.aquitaine.fr/wp-content/themes/interco/style.css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://interco.aquitaine.fr/feed/" />
<link rel="pingback" href="http://interco.aquitaine.fr/xmlrpc.php" />
<link rel="shortcut icon" href="http://interco.aquitaine.fr/wp-content/themes/interco/favicon.ico"/>
      
<meta name='robots' content='noindex,nofollow' />
<link rel='stylesheet' id='jqueryui-css'  href='http://interco.aquitaine.fr/wp-content/themes/interco/css/jquery-ui.css?ver=1.8.16' type='text/css' media='all' />
<script type='text/javascript' src='http://interco.aquitaine.fr/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>
<script type='text/javascript' src='http://interco.aquitaine.fr/wp-content/themes/interco/includes/js/jquery-ui.min.js?ver=1.8.16'></script>
<script type='text/javascript' src='http://interco.aquitaine.fr/wp-content/themes/interco/includes/js/jquery.cycle.lite.js?ver=1.8.16'></script>
<script type='text/javascript' src='http://interco.aquitaine.fr/wp-content/themes/interco/includes/js/forms.js?ver=1.8.16'></script>
<script type="text/javascript">var icl_lang = 'fr';var icl_home = 'http://interco.aquitaine.fr/';</script>
<script type="text/javascript" src="http://interco.aquitaine.fr/wp-content/plugins/sitepress-multilingual-cms/res/js/sitepress.js"></script>
<meta name="generator" content="WPML ver:2.4.2 stt:4,1,2;0" />

<!-- Theme version -->
<meta name="generator" content="Interco Aquitaine 1.0.0" />

<!--[if IE 6]>
<script type="text/javascript" src="http://interco.aquitaine.fr/wp-content/themes/interco/includes/js/pngfix.js"></script>
<script type="text/javascript" src="http://interco.aquitaine.fr/wp-content/themes/interco/includes/js/menu.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="http://interco.aquitaine.fr/wp-content/themes/interco/css/ie6.css" />
<![endif]-->	

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="http://interco.aquitaine.fr/wp-content/themes/interco/css/ie7.css" />
<![endif]-->

<!--[if IE 8]>
<link rel="stylesheet" type="text/css" media="all" href="http://interco.aquitaine.fr/wp-content/themes/interco/css/ie8.css" />
<![endif]-->

</head>

<body class="home blog">

<div id="container">
	
	<div id="navigation">

	      <ul id="nav" class="menu"><li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-27"><a href="http://interco.aquitaine.fr/">Accueil</a></li>
<li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a href="http://interco.aquitaine.fr/notre-metier/">Notre métier</a></li>
<li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="http://interco.aquitaine.fr/les-actualites/">Agenda</a></li>
<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a href="http://interco.aquitaine.fr/les-actions/">Nos actions</a></li>
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="http://interco.aquitaine.fr/votre-projet/">Votre projet</a></li>
<li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="http://interco.aquitaine.fr/contact/">Contact</a></li>
</ul>        
		<div class="menusearch">
        
        	<form method="get" id="searchform" action="http://interco.aquitaine.fr">
        
        		<input type="text" class="field" name="s" id="s"  value="" />
		        <input type="image" class="submit" name="submit" id="btnsearch" src="http://interco.aquitaine.fr/wp-content/themes/interco/images/btn-search.png" />
        
		<input type="hidden" name="as_sfid" value="AAAAAAX1VhIlOlNnhxX2t-A_mXhdjtkR2kepAhsy1CJDv0BklOiLIOhUNBZHFApZVwzjA6DcdiG8o6WQTvACT0DUGnN9Fo9knrSreN264qTa6QcHsw==" /><input type="hidden" name="as_fid" value="kkHej0QdKPCNny4e-mVR" /></form>        
        
	        </div><!-- /.search -->
        
	</div><!-- /#navigation -->
	

	<div id="header">
   
		<div class="layer header">

			<div id="logo">
		       
			<a href="http://interco.aquitaine.fr" title="Rapprocher les acteurs socio-économiques d&#039;Aquitaine avec leur homologues des pays étrangers"><img src="http://interco.aquitaine.fr/wp-content/themes/interco/images/logo-interco.png" alt="L&#039;agence de coopération Internationale de la Région Aquitaine" /></a>
			<span class="site-title"><a href="http://interco.aquitaine.fr">L'Agence de Coopération Internationale de la Région Aquitaine</a></span>
			<span class="site-description">&laquo; Rapprocher les acteurs socio-économiques aquitains de leurs homologues étrangers &raquo;</span>
			
			</div><!-- /#logo -->
			
			<div id="menudroite">

				<div id="slideshow">
				<div class="layer">
                                <img src="http://interco.aquitaine.fr/wp-content/uploads/2012/01/6.jpg" alt=""  width="400"  height="168"  class="custom-image" />                                <span class="legende orange ac">Séminaire International Aquitanima &#8211; Aquitaine</span>
                                </div>
				<div class="layer">
                                <img src="http://interco.aquitaine.fr/wp-content/uploads/2012/01/5.jpg" alt=""  width="400"  height="168"  class="custom-image" />                                <span class="legende orange ac">Aquitanima – Aquitaine</span>
                                </div>
				<div class="layer">
                                <img src="http://interco.aquitaine.fr/wp-content/uploads/2012/01/4.jpg" alt=""  width="400"  height="168"  class="custom-image" />                                <span class="legende orange ac">So’ECO Batimed – Marseille</span>
                                </div>
				<div class="layer">
                                <img src="http://interco.aquitaine.fr/wp-content/uploads/2012/01/3.jpg" alt=""  width="400"  height="168"  class="custom-image" />                                <span class="legende orange ac">SIAD – Aquitaine</span>
                                </div>
				<div class="layer">
                                <img src="http://interco.aquitaine.fr/wp-content/uploads/2012/01/2.jpg" alt=""  width="400"  height="168"  class="custom-image" />                                <span class="legende orange ac">Accord Blonde Pays d’oc / Groupe Haoyue – Aquitaine</span>
                                </div>
				<div class="layer">
                                <img src="http://interco.aquitaine.fr/wp-content/uploads/2012/01/1.jpg" alt=""  width="400"  height="168"  class="custom-image" />                                <span class="legende orange ac">fruits et légumes d&#8217;Aquitaine</span>
                                </div>
				</div>



				<div id="lang-selector">
				<div id="lang_sel"  >
    <ul>
        <li><a href="#" class="lang_sel_sel icl-fr">
                            
            <img  class="iclflag" src="http://interco.aquitaine.fr/wp-content/plugins/sitepress-multilingual-cms/res/flags/fr.png" alt="fr" />                                
            &nbsp;Français</a>                                    
            <ul>
                                <li class="icl-en">          
                    <a href="http://interco.aquitaine.fr/en/">
                                    
                    <img  class="iclflag" src="http://interco.aquitaine.fr/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.png" alt="en" />&nbsp;                    
                                        Anglais                    </a>
                </li>
                                <li class="icl-es">          
                    <a href="http://interco.aquitaine.fr/es/">
                                    
                    <img  class="iclflag" src="http://interco.aquitaine.fr/wp-content/plugins/sitepress-multilingual-cms/res/flags/es.png" alt="es" />&nbsp;                    
                                        Espagnol                    </a>
                </li>
                            </ul>            
             
                    </li>
    </ul>    
</div>
 
				</div>
<ul id="navright" class="menu"><li id="menu-item-856" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-856"><a href="http://interco.aquitaine.fr/les-temoignages/">Témoignages</a></li>
<li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25"><a href="http://interco.aquitaine.fr/revue-de-presse/">Revue de presse</a></li>
<li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="http://interco.aquitaine.fr/partenaires/">Partenaires</a></li>
</ul>				<a id="navnewsletter" href="http://interco.aquitaine.fr/newsletter/">Newsletter</a>
				<form action="http://interco.aquitaine.fr/inscription-newsletter/" method="post">
				<ul id="newsletter">
                                    <li id="legende"><span>Inscription à la newsletter</span></li>
                                    <li id="inscription"><input type="text" name="register" id="register" value="" /></li>
                                    <li id="button"><a>&nbsp;</a></li>
				</ul>
                                <input type="hidden" id="form_action"  name="form_action" value="subscription" />
				<input type="hidden" name="as_sfid" value="AAAAAAX-xG3xih_4DVFgJ0ZqIgqTaoZYO7_Ow0uDzszYo2bCIX0EXDE0vHBzf7FWciuL3XrTt-t_KXEIIXDteaM6DjSOatlzu_xtn-DHqIdmUyLzGw==" /><input type="hidden" name="as_fid" value="biriXIDkGWbf3auCJjT3" /></form>
			</div>

		</div>
       
	</div><!-- /#header -->
		
    <div class="col-full ovh">
	    
	<div id="home_map" class="col-left">
	    <div class="title-icon map">
		<div class="titre">INTERCO Aquitaine</div>
		<h1 class="sstitre">La coopération économique, un moteur du développement aquitain à l'international</h1>
	    </div>
	    <div class="ac"><img src="http://interco.aquitaine.fr/wp-content/themes/interco/images/mappemonde-sonar-FR.gif" /></div>
	</div>
	    
	<div id="home_news" class="col-right">

	    <div class="title-icon news">
		<div class="titre ucase">Agenda</div>
		<div class="sstitre">Les rendez-vous d'INTERCO</div>
	    </div>

	    <ul class="interco-list">
		<li class="first">
		    <a class="block titreblue" href="http://interco.aquitaine.fr/actualites/mission-d%c3%a9tudes-de-la-fili%c3%a8re-fruits/" title="Mission d&#8217;études de la filière &#8220;fruits&#8221;" >du 2 au 9 novembre 2015</a>
		    <span class="block burnorange">AFRIQUE DU SUD / Fruits et Légumes</span>
		    <span class="block darkorange">Mission d&#8217;études de la filière &#8220;fruits&#8221;</span>
		</li>

		<li>
		    <a class="block titreblue" href="http://interco.aquitaine.fr/actualites/accueil-d%c3%a9tudiants-chiliens/" title="Accueil d&#8217;étudiants chiliens" >du 15 au 28 novembre 2015</a>
		    <span class="block burnorange">Aquitaine & Sud Aquitaine, FRANCE / Formation</span>
		    <span class="block darkorange">Accueil d&#8217;étudiants chiliens</span>
		</li>

	    </ul>

	    <a class="more block ar" href="http://interco.aquitaine.fr/les-actualites/">... consulter l'agenda</a>

	</div>


    </div><!-- /#content -->



    <div id="home2">

	<div class="col-full ovh">
    
	    <div id="home_actions" class="col-left">
		<div class="title-icon actions">
		    <div class="titre ucase">Les dernières actions</div>
		    <div class="sstitre">Interco, une présence forte sur le terrain</div>
		</div>
		<ul class="interco-list">
		    <li>
			<a class="block titreblue" href="http://interco.aquitaine.fr/actions/quand-les-lyceens-se-rencontrent%e2%80%a6/" title="QUAND LES LYCEENS SE RENCONTRENT…" >QUAND LES LYCEENS SE RENCONTRENT…</a>
			<span class="block darkorange">du 15 au 28 novembre 2015 / Formation</span>
			<span class="inter20"><p>Suite à la venue de la Conseillère technique du Secrétaire Régional d’Education de la région d’Araucania au mois de Juin, le programme d’échanges et de formation se concrétise <a href="http://interco.aquitaine.fr/actions/quand-les-lyceens-se-rencontrent%e2%80%a6/#more-2490" class="more-link">[...] lire la suite</a></p>
</span>
		    </li>
    
		    <li>
			<a class="block titreblue" href="http://interco.aquitaine.fr/actions/its-world-congress/" title="ITS WORLD CONGRESS" >ITS WORLD CONGRESS</a>
			<span class="block darkorange">du 5 au 9 octobre 2015 / </span>
			<span class="inter20"><p>Le congrès mondial des ITS est l’événement clé du secteur des transports intelligents. Il réunit annuellement 300 exposants et 8 000 visiteurs internationaux. Sous l&#8217;impulsion <a href="http://interco.aquitaine.fr/actions/its-world-congress/#more-2484" class="more-link">[...] lire la suite</a></p>
</span>
		    </li>
    
		    <li>
			<a class="block titreblue" href="http://interco.aquitaine.fr/actions/les-blondes-%c3%a0-lhonneur/" title="Les Blondes à l&#8217;honneur !" >Les Blondes à l&#8217;honneur !</a>
			<span class="block darkorange">du 16 au 20 septembre 2015 / Elevage</span>
			<span class="inter20"><p>Le Concours National de la Blonde d’Aquitaine a eu lieu cette année à Saint Gaudens (31) à l’occasion de la 9ème édition des «Pyrénéennes» (www.pyreneennes.fr)<br />
INTERCO <a href="http://interco.aquitaine.fr/actions/les-blondes-%c3%a0-lhonneur/#more-2555" class="more-link">[...] lire la suite</a></p>
</span>
		    </li>
    
		</ul>

	    </div>
	    
	    <div id="home_projet" class="col-right">
		<div class="title-icon projet home">
		    <div class="titre ucase">Votre projet</div>
		    <div class="sstitre">Bien vous connaître pour mieux vous accompagner</div>
		</div>
		
		<div>
		    <img src="http://interco.aquitaine.fr/wp-content/themes/interco/images/cadre-projet-top.jpg" />
		    <div id="projet-content">

		    <p>Afin de  proposer une réponse parfaitement adaptée à la demande, nous mettons un point d’honneur à <strong>connaître les structures</strong> avec lesquelles nous travaillons et à comprendre leur organisation, leurs objectifs et leur potentiel d’évolution. Alliant à cela une <strong>analyse précise</strong> du secteur dans lequel elles évoluent, nous leur offrons <strong>une solution correspondant à leurs besoins</strong> et évoluant au rythme des opportunités qui se présentent.  Ainsi, que vous soyez <strong>Aquitain</strong> et souhaitiez appréhender de nouveaux marchés à l’international ou que vous soyez un <strong>organisme étranger</strong> désireux de créer des <strong>partenariats avec l’Aquitaine</strong>, nous sommes à votre écoute et vous offrons une adaptation maximum, afin de vous assister au mieux dans la réalisation de vos projets.</p>
		    <img src="http://interco.aquitaine.fr/wp-content/themes/interco/images/votre-projet-accueil.jpg" width="424"  height="106"  class="custom-image" alt="Bien vous connaître pour mieux vous accompagner" />
		    <a class="more block ar" href="http://interco.aquitaine.fr/votre-projet/">... présentez nous votre projet</a>

		    </div>
		    <img src="http://interco.aquitaine.fr/wp-content/themes/interco/images/cadre-projet-bottom.jpg" />
		</div>
	    </div>

	</div>

    </div><!-- /#home2 -->

		
	<div id="container_footer">
	<div id="footer">
		
            <div id="credits">
                <a href="http://aquitaine.fr/politiques-regionales/europe-international/europe-international.html" target="_blank" class="fr"><img src="http://interco.aquitaine.fr/wp-content/themes/interco/images/logo-aquitaine.png" border="0" /></a>
                <div class="inter15">Copyright 2011 &copy; INTERCO Aquitaine<br />
                <span><a class="facebook" href="https://www.facebook.com/Interco.Aquitaine" target="_blank"><img src="http://interco.aquitaine.fr/wp-content/themes/interco/images/logo-facebook-mini.png" border="0" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Réalisation: <a href="http://www.composis.fr">Composis</a></span></div>
            </div>
	    
            <ul class="ovh">
                <li class="internal-links"><div id="nav_menu-2" class="widget widget_nav_menu"><div class="menu-pied-de-page-col-1-container"><ul id="menu-pied-de-page-col-1" class="menu"><li id="menu-item-38" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-38"><a href="http://interco.aquitaine.fr/">Accueil</a></li>
<li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39"><a href="http://interco.aquitaine.fr/notre-metier/">Notre métier</a></li>
<li id="menu-item-40" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40"><a href="http://interco.aquitaine.fr/les-actualites/">Agenda</a></li>
</ul></div></div></li>
                <li class="internal-links"><div id="nav_menu-3" class="widget widget_nav_menu"><div class="menu-pied-de-page-col-2-container"><ul id="menu-pied-de-page-col-2" class="menu"><li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="http://interco.aquitaine.fr/les-actions/">Nos actions</a></li>
<li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"><a href="http://interco.aquitaine.fr/votre-projet/">Votre projet</a></li>
<li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a href="http://interco.aquitaine.fr/contact/">Contact</a></li>
</ul></div></div></li>
                <li class="internal-links"><div id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-pied-de-page-col-3-container"><ul id="menu-pied-de-page-col-3" class="menu"><li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"><a href="http://interco.aquitaine.fr/les-temoignages/">Témoignages</a></li>
<li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"><a href="http://interco.aquitaine.fr/revue-de-presse/">Revue de presse</a></li>
<li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"><a href="http://interco.aquitaine.fr/partenaires/">Partenaires</a></li>
</ul></div></div></li>
                <li class="internal-links"><div id="nav_menu-5" class="widget widget_nav_menu"><div class="menu-pied-de-page-col-4-container"><ul id="menu-pied-de-page-col-4" class="menu"><li id="menu-item-934" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-934"><a href="http://interco.aquitaine.fr/newsletter/">Newsletter</a></li>
<li id="menu-item-51" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-51"><a href="http://interco.aquitaine.fr/mentions-l%c3%a9gales/">Mentions légales</a></li>
</ul></div></div></li>
            </ul>
            
	</div><!-- /#footer -->
	</div><!-- /#container_footer -->
	
</div><!-- /#container -->
</body>
</html>
              
            
!

CSS

              
                @media (max-width: 1000px) {
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    body {
        width: auto;
        margin: 0;
        padding: 0;
    }
    
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }
    
    /* conserver le ratio des images */

    img {
        height: auto;
    }
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    code,
    pre,
    samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
    }
    
    /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes (remplacer    "element1,element2" par les éléments à cibler) */

    element1,
    element2 {
        float: none;
        width: auto;
    }
    
    /* masquer les éléments superflus */

    .hide_mobile {
        display: none !important;
    }
    
    /* Un message personnalisé */

    body:before {
        content: "Version mobile du site";
        display: block;
        text-align: center;
        font-style: italic;
        color: #777;
    }
}




@media only screen and (max-width: 1000px) 
{
*{max-width:100%; height:auto!important; float:none}
#menudroite{display:none}
  #navigation{background:#000 none!important; padding-bottom:10px}
  .menusearch{display:none}
}
              
            
!

JS

              
                
              
            
!
999px

Console